::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-color:#67dc8b;border-radius:.6rem}::-webkit-scrollbar-thumb:hover{background-color:#4ab169}::-webkit-scrollbar-track{background-color:#80808033}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;right:0;background-color:#000c;animation:smoth .4s}.hidden{display:none}@keyframes smoth{0%{opacity:0}to{opacity:1}}body{box-sizing:border-box;margin:0;padding:0;background-color:#173d32;font-family:Courier New,serif;height:100vh;color:#f5f5f5}header{width:100%;display:flex;align-items:center;justify-content:center;padding-top:1.6rem}header h1{margin:0;text-align:center;font-size:3.5rem;color:#67dc8b}main .home-section{padding:0 3rem}main .home-section .container{width:100%;height:68vh;display:flex;align-items:center;justify-content:space-around}main .home-section .container img{width:50%;animation:smoth .9s}main .home-section .container .text-container{padding-top:2rem}main .home-section .container .text-container h2{font-size:2.5rem;color:#fff;max-width:450px}main .home-section .container .text-container p{max-width:450px;color:#dfdfdf;line-height:1.6rem;padding-bottom:1rem}main .home-section .container .text-container button{border:none;padding:1rem 2rem;font-size:1rem;color:#173d32;font-weight:700;background-color:#67dc8b;border-radius:.6rem;letter-spacing:.05rem;transition:all .6s}main .home-section .container .text-container button:hover{background-color:#f5f5f5;cursor:pointer;box-shadow:3px 3px 3px #242424}main .form-rates-section{position:absolute;z-index:1;width:100%;max-width:600px;height:320px;top:50%;left:50%;overflow:auto;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#173d32;display:flex;align-items:center;justify-content:center;border-radius:.6rem;left:-100%;transition:all .4s}main .form-rates-section .close-rates-btn,main .form-rates-section .back-menu-btn{position:absolute;padding:.3rem .5rem;background:none;border:none;display:flex;align-items:center;justify-content:center;border-radius:.2rem}main .form-rates-section .close-menu-img,main .form-rates-section .back-menu-img{width:22px}main .form-rates-section .close-rates-btn{top:7.5%;right:4.5%}main .form-rates-section .back-menu-btn{top:7.5%;left:4.5%}main .form-rates-section .move-img{top:3.5%}main .form-rates-section .back-menu-btn:hover,main .form-rates-section .close-rates-btn:hover{cursor:pointer;background-color:#ffffff46}main .form-rates-section .form-rates{display:flex;align-items:center;flex-direction:column;padding:0 1rem;text-align:center}main .form-rates-section .form-rates label{font-size:1.1rem;margin-bottom:1.2rem}main .form-rates-section .form-rates input[type=date]{color:#1d1d1d;border:1px solid #ecf0f1;background:#ecf0f1;padding:4px;display:inline-block;width:140px}main .form-rates-section .form-rates input[type=date]:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}main .form-rates-section .form-rates #currency-select{color:#1d1d1d;border:1px solid #ecf0f1;background:#ecf0f1;padding:4px;display:inline-block;width:160px;font-size:.9rem}main .form-rates-section .form-rates button{margin-top:.6rem;border:none;padding:.6rem 1rem;font-size:.9rem;color:#173d32;font-weight:700;background-color:#fff;border-radius:.6rem;transition:all .3s}main .form-rates-section .form-rates button:hover{background-color:#67dc8b;cursor:pointer}main .form-rates-section .hidden{display:none}main .form-rates-section table{display:block;height:100%;border-collapse:collapse;text-align:center;margin:1rem;padding:3rem 2rem}main .form-rates-section table caption{margin:1rem 0;font-size:1.1rem}main .form-rates-section table thead tr th{padding:.8rem 0;border:2px solid black;font-size:1.2rem;background-color:#67dc8b;width:200px;color:#000}main .form-rates-section table tbody tr td{border:2px solid black;padding:.5rem 0;letter-spacing:.1rem;font-size:1rem}main .form-rates-section .flag{width:54px;height:44px;animation:smoth 3s}main .max-height{height:100vh}main .form-convert-section{position:absolute;width:100%;max-width:540px;height:320px;top:50%;left:50%;overflow:auto;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#173d32;display:flex;text-align:center;align-items:center;justify-content:center;border-radius:.6rem;transition:all .4s;left:-100%}main .form-convert-section .close-convert-btn{position:absolute;top:7%;right:4.5%;padding:.3rem .5rem;background:none;border:none;display:flex;align-items:center;justify-content:center;border-radius:.2rem}main .form-convert-section .close-convert-btn .close-menu-img{width:22px}main .form-convert-section .close-convert-btn:hover{cursor:pointer;background-color:#ffffff46}main .form-convert-section .form-convert{margin-top:1rem}main .form-convert-section .form-convert label{font-size:1.1rem;margin:1.2rem 0}main .form-convert-section .form-convert #from-currency,main .form-convert-section .form-convert #to-currency{color:#1d1d1d;border:1px solid #ecf0f1;background:#ecf0f1;padding:4px;display:inline-block;width:160px;font-size:.85rem}main .form-convert-section .form-convert label[for=amount]{display:block}main .form-convert-section .form-convert input[type=number]{color:#1d1d1d;border:1px solid #ecf0f1;background:#ecf0f1;padding:4px;display:inline-block;width:68px;font-size:1rem}main .form-convert-section .form-convert button{margin-top:.8rem;border:none;padding:.6rem 1rem;font-size:.9rem;color:#173d32;font-weight:700;background-color:#fff;border-radius:.6rem;transition:all .3s}main .form-convert-section .form-convert button:hover{background-color:#67dc8b;cursor:pointer}main .form-convert-section .form-convert .result-convert{margin-bottom:0;font-size:1.3rem;font-weight:600;letter-spacing:.1rem;visibility:hidden}main .form-convert-section .form-convert .visible{visibility:visible}main .show-to-left{left:50%}footer{width:100%;position:absolute;bottom:0;display:flex;justify-content:center}footer p{margin:.8rem}footer p a{color:#67dc8b;text-decoration:none}footer p a:hover{text-decoration:underline}@media (max-height: 550px){footer{display:none}}@media (max-width: 1200px){main .home-section{padding:0 2rem}main .home-section .container{gap:1rem}main .home-section .container .text-container h2{margin:1rem 0;font-size:2rem}}@media (max-width: 945px){main .home-section .container{height:auto;flex-direction:column;text-align:center;gap:0}main .home-section .container img{width:70%}main .home-section .container .text-container{padding:1rem 0 2.5rem}main .form-rates-section{transform:translate(-50%,80%)}main .move-to-top{-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%)}main .form-convert-section{transform:translate(-50%,80%)}footer{position:static}}@media (max-width: 600px){header h1{font-size:2.8rem}main .home-section .container img{width:100%}}@media (max-width: 450px){main .form-rates-section table{padding:3rem .2rem}main .form-rates-section table tr th{padding:.4rem;font-size:1.1rem}main .form-rates-section table tr td{font-size:.9rem}main .form-convert-section .form-convert label{display:block}}@media (max-width: 400px){main .home-section .container .text-container button{margin:.5rem .8rem}}