.nav{padding-left:30px;padding-top:15px;padding-bottom:15px;position:fixed;width:100vw;background-color:#b6bdaa}.nav button{background:transparent;border:none}.nav-dark{background-color:#191919}.nav-dark img{filter:invert(100%) sepia(0%) saturate(7453%) hue-rotate(333deg) brightness(94%) contrast(92%)}.sidebar{position:fixed;height:100vh;width:150px;border-left:1px solid #333;z-index:1000;top:0}.sidebar-light{background-color:#dadbc3}.sidebar-dark{background-color:#333}.sidebar-content{display:flex;flex-direction:column;width:100%;align-items:center}.sidebar-content button{background:transparent;margin-top:2rem;border:none;text-transform:capitalize}.sidebar-content a{text-decoration:none}.sidebar-content-light button{color:#45060c}.sidebar-content-dark button{color:#eee}.sidebar-content-light a{color:#45060c}.sidebar-content-dark a{color:#eee}.footer{position:fixed;bottom:0;display:flex;flex-direction:row;width:calc(100% - 60px);height:30px;justify-content:space-between;padding-inline:30px;padding-block:10px}.footer-light{background-color:#242424}.footer-dark{background-color:#191919}.footer-dark a{color:#ddd}.footer a{text-decoration:none;font-size:20px;display:flex;text-align:center}.footer-light a{color:#fff}@media only screen and (max-width: 350px){.footer a{font-size:17px}.middle-link{padding-inline:5px}}@media only screen and (max-width: 230px){.footer a{font-size:10px}}.unit-selector{border:1px solid var(--select-border);border-radius:.25em;padding:.25em .5em;font-size:1.5rem;line-height:1.1;background-color:#fff;background-image:linear-gradient(to top,#f9f9f9,#fff 33%);cursor:pointer;transition:opacity .5s}.unit-selector:hover{opacity:.8}.unit-selector-dark{background-image:linear-gradient(to top,#333,#333);background-color:#333;color:#fff}.calculator-page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}.display{width:260px;padding:10px;text-align:right;background-color:#a8ab95;border-radius:10px;margin-bottom:10px;color:#555}.calc-button{width:70px;height:40px;font-size:20px;border-radius:0;border:1px solid #999}.large-button{width:140px}.top-left-border{border-top-left-radius:10px}.top-right-border{border-top-right-radius:10px}.bottom-left-border{border-bottom-left-radius:10px}.bottom-right-border{border-bottom-right-radius:10px}.calc-button-dark{background-color:#393939;color:#ccc}@media only screen and (max-width: 340px){.calc-buttons{width:100%}.calc-button{width:25%;font-size:1.2rem}.large-button{width:50%}.display{width:calc(100% - 20px)}}*{margin:0;padding:0}html,body,#root{width:100%;min-height:100%}.app{display:flex;flex-direction:column;width:100%;min-height:100vh;height:fit-content}.app-light{background-color:#e7e8d5}.app-dark{background-color:#262626}.label-dark{color:#ccc}.unit-input{border-radius:.5em}.unit-input{-moz-appearance:textfield}.unit-input::-webkit-inner-spin-button .unit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tab{margin-left:15px}.content{margin-top:3.4rem}*{font-family:Arial}:root{--select-border: #777;--select-focus: blue;--select-arrow: var(--select-border)}.input-unit-selection{margin-top:20px}.conversion-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:80%;height:fit-content;margin-bottom:5rem}.conversion-area{display:flex;flex-direction:row;justify-content:space-between;width:60%}.unit-selection-dark div{color:#ccc}.unit-selection div{width:fit-content}.unit-selection{display:flex;flex-direction:row;width:fit-content;justify-content:space-between;align-items:center;width:400px;margin-bottom:20px;font-size:2rem}.button{border:1px solid #777;padding:5px;border-radius:15px;margin-right:30px;width:190px}.button-light{background-color:#9da391;color:#333;border:1px solid #333}.button-dark{background-color:#444;color:#bbb}.convert-button{width:100%;margin:5px 0 0;height:fit-content;border-radius:30px;font-size:2rem;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .5s}.convert-button:hover{opacity:.8}.convert-button:active{opacity:.6}.last-section{display:flex;justify-content:center;align-items:center;width:400px;flex-direction:column}.display-result{width:fit-content;display:flex;justify-content:center;font-size:1.6rem;margin-block:10px}.display-result-dark{color:#ccc}.unit-input{outline:none;width:calc(100% - 20px);box-shadow:none;border:1px solid #333;margin-bottom:1rem;padding:10px;border-radius:15px}.article{width:calc(100vw - 8rem);margin:3rem 3rem 6rem;text-align:justify}.article h1,.article h2{margin:1rem;width:fit-content}.article h3{margin:.8rem}.article p{-moz-tab-size:2;tab-size:2}.article-dark{color:#ccc}.search-areas{display:flex;flex-direction:column;justify-content:space-between;height:60px}.search-unit{width:400px;display:flex;justify-content:space-between;align-items:center}.search-unit-dark label{color:#ccc}.dropdown input{padding:5px;border-radius:5px;box-shadow:none;outline:none;border:1px solid #333;width:100px}.dropdown-list{display:flex;position:absolute;flex-direction:column;justify-content:center}.dropdown-list button{width:112px;box-shadow:none;border:1px solid #333;padding:2px}.dropdown-button-top{border-top-left-radius:5px;border-top-right-radius:5px;margin-top:1px}.dropdown-button-bottom{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.dropdown-button-top-bottom{border-radius:5px}.dropdown-list-dark button{background-color:#222;border:1px solid #ccc;color:#ccc}.dropdown-list-light button{background-color:#ddd;color:#333}@media only screen and (max-width: 450px){.unit-selection{width:200px;font-size:1rem}.unit-selector{font-size:1rem}.last-section{width:200px}.convert-button{height:50px}.article{font-size:.8rem;width:calc(100% - 1.1rem);margin-inline:.5rem}.search-unit{width:200px;font-size:.7rem}.search-unit input{width:80px}}@media only screen and (max-width: 250px){.unit-selection{font-size:.7rem;width:150px}.unit-selector{font-size:.7rem}.last-section{width:150px}.article{font-size:.6rem}.convert-button{height:30px;font-size:1rem}.search-unit{width:150px;font-size:.5rem}.search-unit input{width:65px}}