From 4d747bdb7ac33625856be270f5f36c3c3af54866 Mon Sep 17 00:00:00 2001 From: Thisal Dilmith <93121062+Thisal-D@users.noreply.github.com> Date: Tue, 13 Feb 2024 01:18:03 +0530 Subject: [PATCH] Update style.css --- style.css | 45 ++++++++++++++------------------------------- 1 file changed, 14 insertions(+), 31 deletions(-) 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; }