diff --git a/css/feminitives.css b/css/feminitives.css index c40b9b7..8214829 100644 --- a/css/feminitives.css +++ b/css/feminitives.css @@ -1,35 +1,33 @@ -a { - color: MediumOrchid; -} + +a { color: MediumOrchid; } +.queer { color: MediumOrchid; } +.ending { color: olive; } input { width: 70%; - font-size:100%; - border-color:#cccccc; - border-style:solid; - padding:0.5%; - margin:0.5%; - border-width:1px; + font-size: 100%; + border: 1px solid #cccccc; border-radius:7px; + padding: 0.5%; + margin: 0.5%; } input:focus { - outline:none; - text-shadow:0px 0px 0px rgba(42,42,42,.75); - box-shadow: 0px 0px 7px 0px rgba(176,104,176,.75); + outline: none; + text-shadow: 0px 0px 0px rgba(42,42,42,.75); + box-shadow: 0px 0px 7px 0px rgba(176,104,176,.75); } button { width: 20%; - font-family: helvetica; color: #14396A !important; + font-family: helvetica; font-size: 100%; - padding: 0.7%; + padding: 0.6%; border: 0px; -border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; - /* background: MediumOrchid; */ background: #3CB0FD; } @@ -38,14 +36,6 @@ button:hover { background: #38A0E4; } -.ending { - color: olive; -} - -.queer { - color: MediumOrchid; -} - #definition { padding: 1%; width: 50%; @@ -68,10 +58,9 @@ button:hover { #definition-dict { text-align: center; - height: 20px; font-size: 110%; - margin-top: 3%; - margin-bottom: 3%; + height: 20px; + margin: 3% 0; } #definition-image { @@ -93,20 +82,18 @@ button:hover { #definition-card h1 { position: relative; text-align: right; - margin-top: 52.5%; - margin-right: 5%; + margin: 52.5% 5% 0 0; height: 10%; line-height: 120%; - font-size: 103%; color: MediumOrchid; - font-weight: bold; + font-size: 103%; font-style: italic; + font-weight: bold; } #definition-card h1 span{ background-color: white; - padding-left: 2%; - padding-right: 2%; + padding: 0 2%; } #definition-content { @@ -115,7 +102,6 @@ button:hover { margin-top: -38%; font-family: sans-serif; font-size: 250%; - font-weight: regular; text-align: center; visibility: visible; } @@ -146,10 +132,10 @@ button:hover { } @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%; } + #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%; } }