:root{--ash-grey:#cad2c5;--muted-teal:#84a98c;--deep-teal:#52796f;--dark-slate-grey:#354f52;--charcoal-blue:#2f3e46}*{margin:0;padding:0}#numButtons{color:var(--muted-teal);grid-template-columns:repeat(4,200px);gap:10px;font-family:Public Sans,sans-serif;display:grid}#allNumButtons{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:10px;left:10px}body{background:var(--deep-teal);font-family:Public Sans,sans-serif}#calcNumDiv{color:var(--ash-grey);font-size:3em;position:absolute;top:50px;right:455px}#equalOperator{background:var(--dark-slate-grey);color:var(--ash-grey)}#part2{grid-template-columns:repeat(3,130px);gap:10px;display:grid;position:absolute;bottom:10px;right:10px}#part2-button{background-color:var(--dark-slate-grey)}#sideFeatureDiv{background:var(--dark-slate-grey);border-radius:20px;grid-template-columns:repeat(2,1fr);width:400px;height:220px;padding:10px;font-family:Public Sans,sans-serif;display:grid;position:absolute;top:10px;right:10px}.feature{background:var(--muted-teal);border:none;border-radius:10px;width:180px;height:40px;font-size:1.2em;position:relative;top:5px;left:5px}.feature:hover{background:var(--ash-grey);color:var(--dark-slate-grey);cursor:pointer;transition:all .1s ease-in-out;scale:1.05}.feature:active{background:var(--muted-teal);transition:smooth;scale:.95}.numButton{background:var(--muted-teal);border:none;border-radius:10px;width:200px;height:70px;padding:10px;font-family:Public Sans,sans-serif;font-size:2.5em}.numButton:hover{background:var(--ash-grey);cursor:pointer;transition:all .1s ease-in-out;scale:1.05}.numButton:active{background:var(--deep-teal);color:var(--ash-grey);transition:all .1s ease-in-out;scale:.95}#calcbox{border:solid 5px var(--charcoal-blue);border-radius:20px;width:820px;height:150px;position:absolute;top:10px;left:10px;overflow-x:hidden}.numButton2{background:var(--dark-slate-grey);border:none;border-radius:10px;width:120px;height:70px;padding:10px;font-family:Public Sans,sans-serif;font-size:2.5em}.numButton2:hover{background:var(--charcoal-blue);cursor:pointer;transition:all .1s ease-in-out;scale:1.05}.numButton2:active{background:var(--dark-slate-grey);transition:all .1s ease-in-out;scale:.95}#sideFeatureDiv{background:var(--dark-slate-grey);width:400px;height:200px;font-family:Public Sans,sans-serif;position:absolute;top:10px;right:10px}.feature{height:50px}.currency{display:flex}#realCurrencyConverter{z-index:1;border-radius:20px;width:fit-content;margin:10px;padding:10px;display:flex}#realCurrency1{background-color:var(--deep-teal);z-index:1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:10px;padding:10px;display:flex}#realCurrency2{background-color:var(--deep-teal);z-index:1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:10px 10px 10px 50px;padding:10px;display:flex}#countryPicker1,#countryPicker2{background-color:var(--muted-teal);z-index:1;border:none;border-radius:10px;width:fit-content;padding:5px}input{background-color:var(--charcoal-blue);text-align:center;color:#fff;z-index:1;border:none;border-radius:10px;width:120px;padding:5px}#convertButton{background-color:var(--muted-teal);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:10px;padding:5px;position:absolute;top:85px;left:192px}#convertButton:hover{background-color:var(--deep-teal);transition:all .2s ease-in-out;scale:1.05}#convertButton:active{background-color:var(--dark-slate-grey);transition:all .1s ease-in-out;scale:.95}#convertImg{width:25px;height:25px}@keyframes rotate{0%{transform:rotateY(0)}50%{opacity:1;scale:1.3}to{transform:rotateY(180deg)scale(1)}}#converterWithDiv{background-color:var(--dark-slate-grey);border-radius:20px;flex-direction:column;align-items:center;gap:-10px;width:fit-content;margin:10px;display:flex;position:relative}#headings{align-items:center;gap:55px;width:100%;padding:10px;display:flex}#backBtn{cursor:pointer;width:25px;height:25px;position:relative;top:10px}#currencyHeading{color:var(--muted-teal);position:relative;top:10px;left:20px}#lengthBox{background-color:var(--dark-slate-grey);z-index:2;border-radius:15px;justify-content:center;align-items:center;width:fit-content;height:160px;margin:10px;padding:10px;position:absolute;top:170px;left:425px}#lengthHeading{color:var(--muted-teal);margin:10px;display:flex;position:absolute}#lengthBackBtn{cursor:pointer;width:25px;height:25px;margin-left:90px;position:absolute;left:260px}#temperatureBox{background-color:var(--dark-slate-grey);z-index:2;border-radius:15px;justify-content:center;align-items:center;width:fit-content;height:160px;margin:10px;padding:10px;position:absolute;top:390px}#temperatureHeading{color:var(--muted-teal);margin:10px;display:flex;position:absolute}#temperatureBackBtn{cursor:pointer;width:25px;height:25px;margin-left:90px;position:absolute;left:260px}#weightBox{background-color:var(--dark-slate-grey);z-index:2;border-radius:15px;justify-content:center;align-items:center;width:fit-content;height:160px;margin:10px;padding:10px;position:absolute;top:205px}#weightHeading{color:var(--muted-teal);margin:10px;display:flex;position:absolute}#weightBackBtn{cursor:pointer;width:25px;height:25px;margin-left:90px}#weatherBox{background-color:var(--dark-slate-grey);z-index:3;border-radius:10px;width:fit-content;padding:10px;position:absolute;top:10px;left:435px}#weatherTitle{color:var(--muted-teal);font-family:Public Sans,sans-serif}#weatherContent{color:var(--ash-grey);margin:5px}#weatherHeading{justify-content:space-between;display:flex}#energyBox{background-color:var(--dark-slate-grey);z-index:2;border-radius:15px;justify-content:center;align-items:center;width:fit-content;height:160px;margin:10px;padding:10px;position:absolute;top:370px;left:425px}#inputBox,#outputBox{background-color:var(--deep-teal);border-radius:15px;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin-bottom:10px;padding:10px;display:flex;position:relative;top:40px}#unitsSelector,#convertedUnitsSelector{background-color:var(--muted-teal);z-index:1;border:none;border-radius:5px;width:fit-content;padding:5px}#inputOutput{gap:60px;margin:10px;padding:10px;display:flex}#convertBtn{background-color:var(--muted-teal);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:10px;padding:5px;position:absolute;top:85px;left:192px}#convertBtn:hover{background-color:var(--deep-teal);transition:all .2s ease-in-out;scale:1.05}#convertBtn:active{background-color:var(--dark-slate-grey);transition:all .1s ease-in-out;scale:.95}#energyHeading{color:var(--muted-teal);margin:10px;display:flex;position:absolute}#energyBackBtn{cursor:pointer;width:25px;height:25px;margin-left:90px;position:absolute;left:260px}