@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap";*{font-family:Source Code Pro,monospace}body{margin:0}a{text-decoration:none;color:#a0d2db}hr{margin:0 30px;border-color:#a0d2db}h1{font-size:35px}img{cursor:pointer}input{border:none;height:30px;width:200px;font-size:35px;text-align:center;background-color:#2e2e3a;color:#fff;border-color:gray;margin-left:0;padding:30px 0}input:disabled{background-color:#9e9e9e;color:#000}input:focus{outline:none}#app{display:flex;flex-direction:column;min-height:100vh;background-color:#2e2e3a;color:#fff;margin:0;padding:0}.header{position:fixed;width:100%;height:55px;background-color:#2e2e3a}.header-link{margin:15px 30px;text-decoration:none;color:#a0d2db;font-size:14px}.header-link:hover{cursor:pointer}.hamburger-button{margin:15px 30px;cursor:pointer}.bar-1,.bar-2,.bar-3{width:35px;height:3px;background-color:#a0d2db;margin:6px 0;transition:.4s}.open>.bar-1{transform:translateY(9px) rotate(-45deg);transition-duration:(100)}.open>.bar-2{opacity:0}.open>.bar-3{transform:translateY(-9px) rotate(45deg)}.menu{display:none;z-index:1;position:fixed;width:100%;top:55px;bottom:0;background-color:#2e2e3a;overflow-y:auto}.menu.open{display:block}.menu-container{display:flex;flex-wrap:wrap;margin:15px;justify-content:space-evenly}.menu-item{display:flex;justify-content:center;align-items:center;text-align:center;padding:30px;border:1px solid #a0d2db;border-radius:20px;margin:15px;height:50px;width:50px}.menu-item svg{font-size:40px}.body{text-align:center;margin:auto;padding-top:55px;padding-bottom:50px}.body.open{overflow:unset}.footer{text-align:center;color:#a0d2db}.footer-tipjar-text{margin-left:.5em}.flex{display:flex}.flex-1{flex:1}.flex-center{justify-content:center;align-items:center}.flex-column{flex-direction:column}.relative{position:relative}.conversion-container{flex-direction:column}.conversion-block{flex-direction:column;text-align:inherit}.conversion-block>*{flex:1;font-size:20px}.conversion-icons{margin:20px 0;flex-direction:row}.conversion-icon{rotate:90deg}.title{color:#a0d2db}.underline-text{text-decoration:underline}.unit-label{cursor:pointer;justify-content:space-between}.dropdown-container{position:relative;width:100%;background-color:#2e2e3a;color:#fff;border:1px solid #a0d2db;border-top-style:dashed;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.dropdown-container-active{border-bottom-style:dashed;border-radius:0}.dropdown{border:1px solid #a0d2db;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:1px;margin-left:-1px;position:absolute;width:100%;background-color:#2e2e3a;min-width:fit-content;font-size:16px;z-index:1}.dropdown>p{margin:5px 10px;cursor:pointer}.dropdown>p:hover{text-decoration:underline}.dropdown-arrow{border:solid #ffffff;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);margin:auto}.active-dropdown{color:#a0d2db;text-decoration:underline}.input-container{display:flex;flex-direction:row;align-items:center;outline:1px solid #a0d2db;border-bottom:none;border-top-left-radius:5px;border-top-right-radius:5px}.input-symbol-container{width:50px;background-color:#2e2e3a;padding:20px 0;text-align:center}.input-symbol{margin:0;line-height:50px;border-left:1px dashed #a0d2db;color:#a0d2db}.cursor-pointer{cursor:pointer}.margin-auto{margin:auto}.margin-10{margin:10px}.margin-right-5{margin-right:5px}.margin-left-5{margin-left:5px}.margin-bottom-50{margin-bottom:50px}.padding-15{padding:15px}.padding-left-15{padding-left:15px}@media screen and (min-width: 900px){.conversion-container{flex-direction:row}.conversion-icons{flex-direction:column;margin:0 40px}}@media screen and (min-width: 500px){input{width:300px}.menu-container{justify-content:start}}.notification-container[data-v-aa955c1d]{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;padding:10px;border-radius:5px;margin:10px 0;width:255px}.notification-text[data-v-aa955c1d]{margin:0}.notification-close[data-v-aa955c1d]{display:flex;border:1px solid #2e2e3a;border-radius:5px;margin-left:10px;padding:10px;cursor:pointer}.notification-error[data-v-aa955c1d]{background-color:#f8d7da;color:#721c24}.notification-success[data-v-aa955c1d]{background-color:#a0d2db;color:#2e2e3a}