:root{--main-clr: #13133c;--secondary-clr: #4242b3;--light-clr: #8c8cea;--radius: 4px;--trans-clr: hsla(240, 52%, 15%, .377);--secondary-trans-clr: hsla(240, 46%, 48%, .377)}*{box-sizing:border-box;margin:0;padding:0}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}body{font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;min-height:100vh}header{background-color:var(--main-clr);padding:8px 0}header a{display:flex;gap:7px;flex-wrap:wrap;align-items:center;width:fit-content;padding:4px;text-decoration:none;color:#fff;font-weight:700}main{flex:1;margin:17px 0;display:flex;flex-direction:column}@media (max-width: 767px){main{width:100%}}footer{background-color:var(--main-clr);color:#fff;padding:20px 10px;text-align:center;display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}footer a{color:#fff}button{text-underline-offset:6px;font-size:16px}input{border-radius:var(--radius);outline:none;border:1px solid var(--secondary-clr);padding:10px;font-family:inherit;font-size:16px;caret-color:var(--light-clr);transition:.25s}input::placeholder{color:var(--secondary-clr);transition:.25s}input:focus{border-color:var(--light-clr)}input:focus::placeholder{opacity:0}a:not(.btn,header a){text-underline-offset:6px;padding-bottom:6px;display:inline-block;line-height:25px}li{list-style:none}button{border:0;background:none;cursor:pointer}.btn{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:center;background-color:var(--secondary-clr);color:#fff;padding:8px 14px;border-radius:var(--radius);text-decoration:none;transition:.25s}.btn:not(.disabled):hover{background-color:var(--light-clr)}.btn.disabled{background-color:var(--trans-clr);cursor:not-allowed}.copy-to-clipboard-btn i{transition:.25s}.copy-to-clipboard-btn i.fa-clipboard-check{color:#98ff69}