main{background-color:#faf9f6;height:100vh;font-family:Avenir,sans-serif}#header-div{width:100%;margin:auto;padding-top:100px;text-align:center;font-family:Josefin Sans,sans-serif;color:#264653;font-size:40px}#content-div{display:flex;flex-direction:column;width:80%;margin:auto}#input-div{width:100%;margin:80px auto 25px;display:flex;flex-direction:row;justify-content:space-between}#output-div{display:flex;flex-direction:row;width:100%;justify-content:space-between;background-color:transparent;margin:auto auto 100px;padding:5px;border:3px solid #264653;border-radius:10px;align-items:center}#error-div{width:80%;margin:auto;color:#e76f51;font-style:italic;font-size:18px;text-align:center}.content-row{display:flex}input[type=text]{margin:10px;width:90%;font-size:18px;padding:10px;border:2px solid #264653;border-radius:10px}.button{background-color:#a3afa8;color:#fff;align-items:center;justify-content:center;font-size:18px;border:2px solid #264653;border-radius:10px;padding:10px;margin:10px;display:flex;transition-duration:.2s}.button:hover{background-color:#8c9d8f}#new-url{display:flex;color:#000;padding:5px;font-size:24px;margin:auto}#new-url-label{font-size:18px;display:flex;margin:15px}@media (max-width: 576px){.button,#input-field{width:auto;border-radius:5px}#input-div{flex-direction:column;padding:8px}#output-div{flex-direction:column;margin:auto;background-color:transparent}#copy-btn{width:100%;margin:10px 10px 1.5px;border-radius:5px}}@media (min-width: 768px){#input-div{flex-direction:row}}@media (min-width: 1200px){#header-div{font-size:44px}}body{overflow-x:hidden}.footer{background:#000;padding:30px 0;font-family:Play,sans-serif;text-align:center}.footer .row{width:100%;margin:1% 0%;padding:.6% 0%;color:gray;font-size:.8em}.footer .row a{text-decoration:none;color:gray;transition:.5s}.footer .row a:hover{color:#fff}.footer .row ul{width:100%}.footer .row ul li{display:inline-block;margin:0 30px}.footer .row a i{font-size:2em;margin:0% 1%}@media (max-width:720px){.footer{text-align:left;padding:5%}.footer .row ul li{display:block;margin:10px 0;text-align:left}.footer .row a i{margin:0% 3%}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}