diff --git a/css/feminitives.css b/css/feminitives.css index 7f8a32b..c40b9b7 100644 --- a/css/feminitives.css +++ b/css/feminitives.css @@ -63,8 +63,7 @@ button:hover { #definition-help { text-align: justify; - font-size: 40%; - margin-top: -58% !important; + margin-top: -32% !important; } #definition-dict { @@ -78,7 +77,7 @@ button:hover { #definition-image { width: 50%; margin: 0 auto; - padding: 0.5%; + padding: 1.5%; width: 400px; background-color: white; } @@ -91,13 +90,6 @@ button:hover { width: 400px; } -@media screen and (max-device-width: 800px) { - #definition-card { - height: 220px; - width: 300px; - } -} - #definition-card h1 { position: relative; text-align: right; @@ -125,12 +117,13 @@ button:hover { font-size: 250%; font-weight: regular; text-align: center; + visibility: visible; } #definition-full { font-size: 100%; - height: 40px; - margin-top: 1%; + height: 60px; + margin-top: 5%; } .toolbar, .toolbar:visited { @@ -145,3 +138,18 @@ button:hover { opacity: 1; } +@media screen and (max-device-width: 1000px) { + input { font-size:90%; } + button { font-size: 80%; } + + #definition-full { height: 80px; margin-top: 40px; } +} + +@media screen and (max-device-width: 800px) { + #definition { width: 90%; } + #definition h1 { font-size: 150%; } + #definition-help { font-size: 95%; } + #definition-card h1 { line-height: 65%; } + #definition-card h1 span{ font-size: 60%; } +} +