@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--main-bg-color:#00adff}a{text-decoration:none;color:inherit}body{font-family:Poppins,sans-serif;font-size:20px;background-color:#f5f5ff}header{width:100%;height:60px;background-color:var(--main-bg-color);color:#fff;font-weight:700;line-height:60px;font-size:2em;padding:0 20px;box-shadow:-10px 0 30px #b1b1b1;text-align:center;text-transform:uppercase}#content{width:65%;margin:auto;padding:0 15px}#converter-box p:last-child,.social,h1,h2{text-align:center}h1{font-size:2em;margin:20px 0 10px 0}h2{font-weight:500;margin-bottom:15px}.social{margin-top:0;margin-bottom:15px}.social p:first-child{margin-bottom:10px}#paste-link-msg{font-weight:700}#info p{text-align:justify;margin-bottom:15px}footer{text-align:justify;margin-bottom:20px}#error-box{display:none;border:1px solid #dc143c;color:#dc143c;border-radius:4px;background-color:#fff3f3;font-size:16px;text-align:center}#error-box span{font-weight:700;text-decoration:underline;cursor:pointer}#error-box span:hover{text-decoration:none}#converter-box{background-color:#fff;box-shadow:0 4px 10px #d8d8d8}#converter-box,#error-box{border-radius:4px;padding:20px}input{color:#6d6d6d}#convert-btn,#next-btn,input,select{width:100%;font-size:1em;padding:12px;border-radius:4px;border:1px solid #b4afb6;margin:15px 0}#convert-btn,#next-btn{outline:0;text-transform:uppercase;color:#fff;cursor:pointer;font-weight:700;background-color:var(--main-bg-color);border-color:transparent;transition:.25s;font-family:inherit;box-shadow:0 4px 10px #d8d8d8}#cog{width:50px;height:50px;margin:auto;background-repeat:no-repeat;background-size:30px,30px;background-position:center;background-image:url(images/cog.svg)}#loading,#next-btn{display:none}.separator{margin:35px auto 20px auto;border-radius:6px;width:8%;height:6px;background-color:#d3d3d5}.spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media only screen and (max-width:700px){#content{width:90%}h1{font-size:1.5em}}