@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap";.wrap-home{margin:0 30rem;display:flex;flex-direction:column;flex-wrap:wrap;position:relative}.wrap-top{width:100%;margin:6rem 0 10rem;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.wrap-top-left{display:flex;flex-direction:column;gap:1rem;flex:0 1 55%}.wrap-top-left h2{font-size:4rem;background-image:linear-gradient(120deg,#6eb9fc,#fa8db6,#f7ca80);-webkit-background-clip:text;background-clip:text;color:transparent}.description{font-size:1.2rem;font-weight:700;color:#73737394;line-height:2}.img-work{flex:0 1 60%;max-width:50%;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;position:absolute;right:-135px;top:35%;transform:translateY(-50%);z-index:1}.dark-mode .description{color:#fff}@media (max-width: 1800px){.wrap-home{margin:0 20rem}}@media (max-width: 1380px){.wrap-home{margin:2rem 10rem}.wrap-top{margin:6rem 0 11rem}.img-work{right:-235px;top:35%}}@media (max-width: 1240px){.wrap-home{margin:2rem 5rem}.wrap-top-left{flex:0 1 50%}.wrap-top-left h2{font-size:3.5rem}.description{font-size:1.1rem}.img-work{right:-12rem;max-width:60%}}@media (max-width: 970px){.wrap-home{margin:2rem 3rem}.wrap-top-left{width:100%;text-align:center;align-items:center}.wrap-top-left h2{font-size:3rem}.img-work{position:absolute;right:-130px;width:100%}}@media (max-width: 700px){.wrap-home{margin:2.5rem 1.5rem;gap:2rem}.wrap-top{margin-bottom:24rem}.wrap-top-left{position:absolute;bottom:235px}.wrap-top-left h2{font-size:2.5rem}.img-work{width:auto;max-width:100%;top:170px;right:-50px}}@media (max-width: 500px){.wrap-home{margin:0 1.5rem}.img-work{max-width:110%;top:150px}}.container-shortened{margin:2rem 0;width:100%}.shortened-urls{margin:0rem 30rem}.url-item{border-radius:5px;display:flex;justify-content:flex-start}.url-item span{padding:1rem 0;display:flex;align-items:center;gap:2rem;border-radius:5px}.url-item a{font-weight:700;color:#2ad0d3;text-decoration:none}.url-item a:hover{text-decoration:underline}.copy-btn{padding:10px 24px;background-color:#2ad0d3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.copy-btn:hover{background-color:#6abecd}.dark-mode .copy-btn{background-color:#2ad0d3!important}@media (max-width: 1800px){.shortened-urls{margin:0 20rem}}@media (max-width: 1380px){.shortened-urls{margin:2rem 10rem}}@media (max-width: 1240px){.shortened-urls{margin:2rem 5rem}}@media (max-width: 970px){.shortened-urls{margin:2rem 3rem}}@media (max-width: 700px){.shortened-urls{margin:0rem 1.5rem}}.url{padding:2.5rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1110'%20height='168'%3e%3cpath%20fill='%234B3F6B'%20fill-rule='evenodd'%20d='M647-93.924c0%2052.724%2015.5%2090.486%2073%20114.877%2057.5%2024.391%20113.055%202.134%20168.786%2014.894%2055.731%2012.76%2055.731%2094.962%20108.214%20145.549s163.142%2062.874%20253.12%2011.552c89.976-51.322%20130.765-171.152%20103.88-241.807C1327.115-119.515%201275.593-184%201027-184c-248.593%200-380%2037.353-380%2090.076zm-781%20213c0%2052.724%2015.5%2090.486%2073%20114.877%2057.5%2024.391%20113.055%202.134%20168.786%2014.894%2055.731%2012.76%2055.731%2094.962%20108.214%20145.549s163.142%2062.874%20253.12%2011.552C559.095%20354.626%20599.884%20234.796%20573%20164.141%20546.115%2093.485%20494.593%2029%20246%2029c-248.593%200-380%2037.353-380%2090.076z'/%3e%3c/svg%3e");background-color:#3b3054;background-size:cover;background-repeat:no-repeat;border-radius:10px;width:100%;display:flex;gap:1rem}.url-field-container{width:100%;position:relative;border-radius:5px}.url-field{width:100%;border-radius:5px;border:2px solid transparent;outline:none;padding:1rem;font-size:1rem;transition:border-color .3s ease}.url-field::-moz-placeholder{font-weight:800;color:#73737394;-moz-transition:color .3s ease;transition:color .3s ease}.url-field::placeholder{font-weight:800;color:#73737394;transition:color .3s ease}.url-btn{width:25%;border-radius:5px;border:none;outline:none;cursor:pointer;background-color:#2ad0d3;color:#fff;font-weight:700}.url-btn:hover{background-color:#6abecd}.error-border{border-color:#f84949}.error-border::-moz-placeholder{color:#fa9494}.error-border::placeholder{color:#fa9494}.error-message{display:block;color:#f84949;background:none;font-size:14px;font-weight:700;font-style:italic;margin-top:8px;position:absolute;bottom:-24px;left:0}.dark-mode .url{background-color:#3b3054!important}.dark-mode .url-field{background-color:#fff!important;color:#000!important}.dark-mode .url-btn{background-color:#2ad0d3!important}@media (max-width: 700px){.url{flex-direction:column;margin-top:2.5rem;padding:2rem;gap:2.5rem}.url-field,.url-btn{width:100%;padding:1rem}}*{margin:0;padding:0;box-sizing:border-box;color:#000}body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}header{margin:1.5rem 10rem;display:flex;justify-content:space-between}header .toggle-button{background:none;border:none;cursor:pointer;font-size:1.5rem}header h1{font-family:Karla,serif;font-weight:800;font-size:2rem;cursor:pointer}.dark-mode *{background-color:#212830!important}.dark-mode h1{color:#fff!important}.dark-mode .toggle-button svg path{color:#fff!important}@media (max-width: 1240px){header{margin:1.5rem 5rem}}@media (max-width: 970px){header{margin:1.5rem 3rem}}@media (max-width: 700px){header{margin:1.5rem}}