diff --git a/style.css b/style.css index 9c4515e..90ed2c3 100644 --- a/style.css +++ b/style.css @@ -1,33 +1,16 @@ -@media screen and (min-width: 1081px) { - h1 { - font-size: 40px; - } - .input-title, select, .dash, option, .user-input, #operator_selector, #bits_count,.output-title{ - font-size: 20px; - } - #input-legend, .output-legend{ - font-size: 20px; - } - .output{ - font-size: 20px; - } - } - - /* If the screen size is 1080px wide or less, set the font-size of
to 30px */ - @media screen and (max-width: 1081px) { - h1 { - font-size: 80px; - } - .input-title, select, .dash, option, .user-input, #operator_selector, #bits_count,.output-title{ - font-size: 40px; - } - #input-legend, .output-legend{ - font-size: 45px; - } - .output{ - font-size: 35px; - } - } + +h1 { + font-size: 30px; +} +.input-title, select, .dash, option, .user-input, #operator_selector, #bits_count,.output-title{ + font-size: 18px; +} +#input-legend, .output-legend{ + font-size: 20px; +} +.output{ + font-size: 16px; +} body{ background-color:rgb(255,255,255); @@ -104,7 +87,7 @@ option{ #output-div{ - margin-top: 50px; + margin-top: 20px; border-radius: 10px; }