@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;700&family=Poppins:ital,wght@0,500;1,700&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{background-color:gray}button:hover{cursor:pointer;opacity:.5}@media screen and (min-width: 375px){body{background-color:#fff;font-size:18px}header{position:relative;padding:2rem;color:#fff;font-family:Poppins,serif;font-weight:500;font-style:normal}header .hero{display:flex;padding:2rem 0;justify-content:space-between}header .hero img{height:40px}header .off{visibility:hidden;opacity:0;position:absolute}header .links{visibility:visible;opacity:1;transition:opacity .3s ease-in;background-color:#3b3054;text-align:center;border-radius:1rem;position:absolute;width:80%;left:10%;padding:2rem}header .links ul{list-style-type:none;border-bottom:1px dotted gray}header .links ul>li:last-child{margin-bottom:1.5rem}header .links ul li{padding:.7rem;font-family:Poppins,serif;font-weight:700;font-style:bold}header .links ul li:hover{color:#bfbfbf}header .links nav{display:flex;flex-direction:column;font-family:Poppins,serif;font-weight:700;font-style:bold}header .links nav>button:first-child{margin-top:1.5rem}header .links nav button{all:unset;padding:.7rem}header .links nav button:hover{background-color:#2acfcf;border-radius:2rem}header #sign-up{background-color:#2acfcf;text-decoration:none;color:#fff;padding:.5rem 1.5rem;border-radius:30px;font-family:Poppins,serif;font-weight:700;font-style:bold}header #sign-up:hover{opacity:.5}section{text-align:center}section img{width:100%}section h1{font-family:Poppins,serif;font-weight:700;font-style:bold;font-size:2rem}section p{color:#bfbfbf;font-family:Poppins,serif;font-weight:500;font-style:normal;line-height:2rem;padding:2rem}section button{all:unset;padding:.7rem 2rem;color:#fff;font-family:Poppins,serif;font-weight:500;font-style:normal;background-color:#2acfcf;border-radius:2rem;margin-bottom:10rem}.sorten{background-color:#bfbfbf;position:relative;overflow:visible}.sorten .pasteLink-cont{background-color:#3b3054;display:flex;flex-direction:column;padding:2rem;margin:1rem;margin:0 auto;width:min(90%,600px);border-radius:.7rem;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.sorten .pasteLink-cont input{padding:1rem;border-radius:.5rem;border:solid red 2px;font-family:Poppins,serif;font-weight:700;font-style:bold}.sorten .pasteLink-cont input::-moz-placeholder{color:#f46262;font-size:1rem}.sorten .pasteLink-cont input::placeholder{color:#f46262;font-size:1rem}.sorten .pasteLink-cont small{color:#f46262;font-style:italic;font-family:poppins;font-size:small;text-align:start;padding:.3rem 0 1rem .3rem}.sorten .pasteLink-cont button{padding:1rem;background-color:#2acfcf;border:none;border-radius:.5rem;font-family:Poppins,serif;font-weight:700;font-style:bold;font-size:1rem;color:#fff;font-size:1.1rem}.sorten .pasteLink-cont button:disabled{background-color:#bfbfbf}.sorten .sortLinks-container{font-family:Poppins,serif;font-weight:700;font-style:bold;margin:1rem;padding-top:8rem;border-radius:.5rem}.sorten .sortLinks-container h5{padding:1rem}.sorten .sortLinks-container div{margin:1.5rem 0;background-color:#fff;border-radius:.5rem}.sorten .sortLinks-container div div{margin:0}.sorten .sortLinks-container div div h5{border-top:dotted gray 1px;color:#2acfcf}.sorten .sortLinks-container button{width:calc(100% - 1.9rem);padding:.8rem;background-color:#2acfcf;border:none;border-radius:.5rem;font-family:Poppins,serif;font-weight:700;font-style:bold;color:#fff;font-size:1rem;margin:0 1rem 1rem}.sorten .sortLinks-container button.copied{background:linear-gradient(to left,#3b3054 50%,#2acfcf 50%);background-size:200%,100%;background-position:right bottom;transition:background 3s ease-out}.sorten h2{font-family:Poppins,serif;font-weight:700;font-style:bold;text-align:center;padding:1rem}.sorten p{font-family:Poppins,serif;font-weight:500;font-style:normal;text-align:center;color:#9e9aa7;padding:1rem}.sorten .label-container{font-family:Poppins,serif;font-weight:500;font-style:normal;text-align:center;padding:1rem}.sorten .label-container img{position:absolute;background-color:#3b3054;padding:1rem;border-radius:50%;top:0;left:50%;transform:translate(-50%,-50%)}.sorten .label-container div{background-color:#fff;border-radius:.5rem;margin:3rem 0;padding:1rem;position:relative;overflow:visible}.sorten .label-container div p{font-size:large}.sorten .label-container div h3{padding-top:3rem}.sorten .label-container div h2,.sorten .label-container div h3{font-family:Poppins,serif;font-weight:700;font-style:bold}footer{background-color:#000;color:#fff}footer .boost{padding:5rem 0;text-align:center;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='300'%3e%3cg%20fill='%234B3F6B'%20fill-rule='evenodd'%3e%3cpath%20d='M-263.351%20570.909c29.685%2077.331%2073.689%20123.988%20171.79%20127.377%2098.102%203.39%20167.085-60.547%20256.043-73.22%2088.958-12.674%20135.24%20107.895%20240.73%20152.532%20105.488%2044.638%20274.775.333%20377.9-125.622C886.24%20526.021%20878.62%20327.29%20799.392%20238.798%20720.162%20150.307%20608.257%2084.743%20243.5%20224.76c-364.757%20140.017-536.537%20268.818-506.852%20346.149zM-514-377.482c0%2082.833%2024.36%20142.16%20114.732%20180.482%2090.371%2038.321%20177.686%203.352%20265.277%2023.4%2087.59%2020.048%2087.59%20149.195%20170.077%20228.671%2082.486%2079.476%20256.405%2098.781%20397.82%2018.15%20141.415-80.632%20205.52-268.896%20163.267-379.902C554.919-417.687%20473.943-519%2083.236-519S-514-460.314-514-377.482z'/%3e%3c/g%3e%3c/svg%3e");background-color:#3b3054}footer .boost h1{padding:1rem;font-family:Poppins,serif;font-weight:700;font-style:bold;color:#fff}footer .boost button{padding:1rem 3rem;background-color:#2acfcf;border:none;border-radius:2rem;font-family:Poppins,serif;font-weight:700;font-style:bold;font-size:1rem;color:#fff;font-size:1.1rem}footer .shortly{color:#fff;font-family:Poppins,serif;font-weight:500;font-style:normal;text-align:center}footer .shortly h1{font-family:Poppins,serif;font-weight:700;font-style:bold;padding:1.5rem}footer .shortly ul{font-family:Poppins,serif;font-weight:700;font-style:bold;padding:1rem}footer .shortly ul span{font-family:Poppins,serif;font-weight:700;font-style:bold;display:inline-block;margin-bottom:1.5rem}footer .shortly ul li{font-family:Poppins,serif;font-weight:500;font-style:normal;list-style-type:none;padding:.5rem;color:#bfbfbf}footer .social-med-icons{display:flex;align-items:center;justify-content:center}footer .social-med-icons a{padding:1rem}footer .social-med-icons a img{width:30px;background-color:#000}footer .attribution{text-align:center}}@keyframes drop{0%{transform:translate(0)}50%{transform:translate(100px)}to{transform:translate(0)}}@media screen and (min-width: 900px){header{display:flex}header img{margin-right:1rem}header .menu{display:none}header .off,header .links{visibility:visible;opacity:1;position:relative;display:flex;justify-content:space-between;width:100%}header .off ul,header .links ul{display:flex;align-items:center}header .off ul li,header .links ul li{color:#bfbfbf;list-style:none;font-family:Poppins,serif;font-weight:700;font-style:bold;padding:1.5rem}header .off ul li:hover,header .links ul li:hover{color:#000}header .off nav,header .links nav{display:flex;align-items:center}header .off nav>button:last-child,header .links nav>button:last-child{background-color:#2acfcf;color:#fff}header .off nav>button:last-child:active,header .links nav>button:last-child:active{opacity:50%}header .off nav>button:first-child:hover,header .links nav>button:first-child:hover{color:#000}header .off nav button,header .links nav button{all:unset;font-family:Poppins,serif;font-weight:700;font-style:bold;padding:.6rem 1.5rem;color:#bfbfbf;margin:1rem;border-radius:2rem}section{padding:2rem;margin-bottom:10rem;display:grid;text-align:start;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"header img" "text   img" "button img"}section img{grid-area:img}section h1{font-size:5rem;line-height:6rem}section p{line-height:2rem;font-size:1.2rem;padding:0}section button{all:unset;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:1rem 3rem;border-radius:2rem;background-color:#2acfcf;font-family:Poppins,serif;font-weight:700;font-style:bold;color:#fff}.sorten .pasteLink-cont{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-size:cover;background-position-x:center;background-color:#3b3054;padding:3rem;width:95%;display:grid;grid-template-columns:85% auto;grid-template-rows:auto 1rem;grid-template-areas:"input btn" "input btn"}.sorten .pasteLink-cont input{grid-area:input;margin-right:1.5rem}.sorten .pasteLink-cont small{padding:0}.sorten .pasteLink-cont button{grid-area:btn}.sorten .sortLinks-container{margin:2rem}.sorten .sortLinks-container div{display:flex;align-items:center;justify-content:space-between;padding:.4rem}.sorten .sortLinks-container div div h5{border-top:none;font-size:1.1rem;font-family:Poppins,serif;font-weight:500;font-style:normal}.sorten .sortLinks-container div h5{padding:0;margin:1rem 2rem 1rem 1rem;font-size:1.1rem;font-family:Poppins,serif;font-weight:500;font-style:normal}.sorten .sortLinks-container div button{all:unset;background-color:#2acfcf;padding:.6rem 1.5rem;border-radius:.5rem;width:80px;text-align:center;color:#fff}}