.converterCard{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;border-radius:15px;box-shadow:0 0 16px #00000080;padding:50px;position:absolute;top:180px;height:400px;width:42%}.converterCard #date{font-size:14px}.converterCard #converterContent{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.converterCard #converterContent #converterArea{display:flex;justify-content:center;align-items:center;margin-top:40px;margin-bottom:80px;width:100%}.converterCard #converterContent #converterArea .currency{display:flex;justify-content:center;align-items:center;flex-direction:column}.converterCard #converterContent #converterArea .currency button{background-color:transparent;border:none;margin-bottom:15px;font-size:14px}.converterCard #converterContent #converterArea .currency button:hover{cursor:pointer}.converterCard #converterContent #converterArea .currency .mainCurrencyContent{display:flex;flex-direction:column;justify-content:center;align-items:center}.converterCard #converterContent #converterArea .currency .mainCurrencyContent input{border:none;border-bottom:2px solid black;background-color:#6dcf8b33;padding:10px;margin:0 0 10px;font-size:22px;width:72%}.converterCard #converterContent #converterArea .currency .mainCurrencyContent input:focus{outline:none}.converterCard #converterContent #converterArea .currency .mainCurrencyContent select{align-items:center;border:none;text-align:right;width:74%;font-size:16px}.converterCard #converterContent #converterArea .currency .mainCurrencyContent select:focus{outline:none}.converterCard #converterContent #arrows{margin:0 15px;width:95px;padding:5px}.converterCard #converterContent #arrows:hover{cursor:pointer}.converterCard #converterContent #apiAuthor{font-size:14px}.converterCard #converterContent #apiAuthor a{color:#000}@media screen and (max-width: 1440px){.converterCard{height:350px;max-width:600px;min-width:250px}.converterCard #date{font-size:12px}.converterCard #converterContent #converterArea{flex-direction:column;margin-top:30px;margin-bottom:40px}.converterCard #converterContent #converterArea .currency{flex-direction:row-reverse}.converterCard #converterContent #converterArea .currency button{margin-left:10px;font-size:12px}.converterCard #converterContent #converterArea .currency .mainCurrencyContent input{font-size:18px;width:140px}.converterCard #converterContent #converterArea .currency .mainCurrencyContent select{width:142px;font-size:12px}.converterCard #converterContent #arrows{margin:5px 0;width:25px}.converterCard #converterContent #apiAuthor{font-size:12px}}main{background-color:#fff;height:82vh}main .background{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background-color:#1e543a;position:relative;height:410px}main .background h2{font-size:36px;color:#fff;padding-top:75px;text-align:center}@media screen and (max-width: 1440px){main .background h2{font-size:24px}}header{display:flex;justify-content:center;align-items:center;height:10vh}header h1{font-size:40px;font-weight:400}@media screen and (max-width: 1440px){header h1{font-size:28px}}footer{display:flex;justify-content:center;align-items:center;background-color:#1e543a;height:8vh}footer p{font-size:14px;color:#fff}footer p a{color:#fff;text-decoration:none;background-color:#5c8d6bb6;padding:3px 5px;transition:.25s}@media screen and (max-width: 1440px){footer p{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{height:100vh}