*{scrollbar-width:thin;scrollbar-color:#53ad32 #adc914;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:#adc914}*::-webkit-scrollbar-thumb{background-color:#53ad32;border-radius:10px;border:2px none #adc914}
.link-list{
    width: 100vw;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    animation: fade forwards 2s;
    padding: 100px 0;
}

@keyframes fade {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
    
}

.main-container{
    margin: 0;
    padding: 0;
    background-size:cover;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 1440 561'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1087%26quot%3b)' fill='none'%3e%3crect width='1440' height='561' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1088%26quot%3b)'%3e%3c/rect%3e%3cpath d='M32.443%2c90.574C52.466%2c90.363%2c68.569%2c76.417%2c78.951%2c59.295C89.82%2c41.37%2c95.898%2c19.957%2c86.678%2c1.131C76.379%2c-19.898%2c55.859%2c-35.807%2c32.443%2c-35.669C9.22%2c-35.533%2c-10.269%2c-18.988%2c-20.699%2c1.761C-30.124%2c20.51%2c-26.571%2c42.287%2c-15.796%2c60.294C-5.348%2c77.755%2c12.096%2c90.789%2c32.443%2c90.574' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M20.499%2c76.801C40.059%2c76.555%2c57.643%2c64.497%2c66.453%2c47.031C74.5%2c31.078%2c69.385%2c12.906%2c60.57%2c-2.636C51.602%2c-18.448%2c38.67%2c-33.484%2c20.499%2c-33.993C1.633%2c-34.521%2c-14.139%2c-21.292%2c-23.656%2c-4.994C-33.267%2c11.464%2c-36.558%2c31.442%2c-27.504%2c48.213C-18.022%2c65.778%2c0.54%2c77.052%2c20.499%2c76.801' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M64.929%2c142.813C96.051%2c142.765%2c131.286%2c139.172%2c146.395%2c111.964C161.252%2c85.209%2c144.566%2c54.276%2c128.589%2c28.175C113.571%2c3.641%2c93.64%2c-19.341%2c64.929%2c-21.123C33.283%2c-23.087%2c2.527%2c-7.697%2c-14.068%2c19.32C-31.447%2c47.613%2c-34.865%2c84.244%2c-16.972%2c112.215C-0.14%2c138.528%2c33.693%2c142.861%2c64.929%2c142.813' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1471.473%2c315.279C1528.323%2c315.445%2c1569.16%2c265.631%2c1595.029%2c215.008C1618.302%2c169.465%2c1620.812%2c116.503%2c1595.867%2c71.854C1570.283%2c26.061%2c1523.89%2c-4.135%2c1471.473%2c-6.143C1415.273%2c-8.296%2c1356.683%2c12.466%2c1329.395%2c61.644C1302.714%2c109.729%2c1322.283%2c166.314%2c1349.158%2c214.291C1376.853%2c263.732%2c1414.804%2c315.114%2c1471.473%2c315.279' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1407.304%2c195.57C1447.984%2c195.31%2c1484.674%2c171.124%2c1503.896%2c135.271C1522.126%2c101.267%2c1517.369%2c60.5%2c1497.423%2c27.474C1478.193%2c-4.367%2c1444.5%2c-24.419%2c1407.304%2c-24.665C1369.671%2c-24.914%2c1334.757%2c-5.822%2c1315.096%2c26.268C1294.482%2c59.913%2c1289.678%2c101.867%2c1308.551%2c136.519C1328.213%2c172.62%2c1366.197%2c195.833%2c1407.304%2c195.57' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1423.013%2c207.183C1462.481%2c207.722%2c1497.839%2c183.991%2c1517.352%2c149.68C1536.639%2c115.766%2c1537.12%2c74.384%2c1517.821%2c40.476C1498.313%2c6.2%2c1462.421%2c-17.625%2c1423.013%2c-16.074C1385.781%2c-14.608%2c1358.295%2c14.831%2c1340.308%2c47.463C1323.068%2c78.74%2c1316.613%2c115.448%2c1333.035%2c147.162C1350.804%2c181.476%2c1384.375%2c206.655%2c1423.013%2c207.183' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M108.515%2c693.313C152.822%2c691.027%2c180.668%2c650.17%2c201.492%2c610.995C220.687%2c574.886%2c231.859%2c533.285%2c212.819%2c497.094C192.564%2c458.594%2c152.018%2c434.347%2c108.515%2c434.263C64.871%2c434.178%2c25.794%2c459.165%2c3.507%2c496.689C-19.298%2c535.085%2c-23.752%2c582.141%2c-2.714%2c621.533C19.566%2c663.251%2c61.283%2c695.75%2c108.515%2c693.313' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M127.967%2c702.945C177.688%2c706.033%2c232.963%2c694.91%2c257.619%2c651.622C282.114%2c608.617%2c261.164%2c556.985%2c235.05%2c514.943C210.72%2c475.772%2c173.969%2c446.076%2c127.967%2c442.888C75.559%2c439.256%2c16.561%2c451.814%2c-8.327%2c498.078C-32.463%2c542.944%2c-4.719%2c594.664%2c23.5%2c637.081C47.939%2c673.815%2c83.931%2c700.21%2c127.967%2c702.945' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M108.183%2c690.902C157.056%2c691.699%2c204.877%2c669.248%2c229.024%2c626.75C252.914%2c584.704%2c245.29%2c533.663%2c221.42%2c491.606C197.195%2c448.923%2c157.167%2c410.809%2c108.183%2c413.837C62.355%2c416.67%2c38.861%2c463.956%2c16.851%2c504.252C-3.845%2c542.143%2c-24.995%2c584.136%2c-6.018%2c622.917C14.852%2c665.568%2c60.706%2c690.128%2c108.183%2c690.902' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1406.416%2c612.414C1439.595%2c612.688%2c1474.122%2c604.762%2c1492.261%2c576.979C1511.995%2c546.754%2c1512.423%2c507.867%2c1495.483%2c475.992C1477.426%2c442.014%2c1444.873%2c414.173%2c1406.416%2c415.441C1369.512%2c416.657%2c1344.027%2c448.8%2c1326.968%2c481.547C1311.433%2c511.368%2c1305.543%2c546.837%2c1322.992%2c575.58C1339.899%2c603.43%2c1373.837%2c612.145%2c1406.416%2c612.414' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1392.086%2c590.434C1423.967%2c591.472%2c1459.674%2c588.912%2c1476.703%2c561.94C1494.545%2c533.681%2c1485.359%2c497.824%2c1468.935%2c468.718C1452.164%2c438.997%2c1426.206%2c411.321%2c1392.086%2c411.986C1358.739%2c412.636%2c1335.694%2c442.05%2c1320.256%2c471.615C1306.168%2c498.593%2c1300.762%2c530.677%2c1316.508%2c556.722C1331.804%2c582.024%2c1362.536%2c589.471%2c1392.086%2c590.434' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1341.969%2c506.724C1358.065%2c507.503%2c1373.827%2c499.968%2c1382.107%2c486.143C1390.606%2c471.952%2c1390.231%2c454.205%2c1382.022%2c439.845C1373.751%2c425.375%2c1358.633%2c416.25%2c1341.969%2c415.926C1324.714%2c415.59%2c1306.953%2c422.852%2c1299.122%2c438.231C1291.792%2c452.626%2c1299.475%2c468.862%2c1308.042%2c482.557C1315.935%2c495.174%2c1327.104%2c506.004%2c1341.969%2c506.724' fill='rgba(135%2c 189%2c 33%2c 1)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1087'%3e%3crect width='1440' height='561' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1088'%3e%3cstop stop-color='rgba(83%2c 173%2c 50%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(173%2c 201%2c 20%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
}

/*  */



h1{
    font-size:1.5rem;
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-style:italic;
    text-transform:uppercase;
    text-align:center;
    color: white;
    /* padding:5px */
}

.logo-fd{
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    background-color: white;
    border-radius: 100px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 2px 15px 3px rgba(0,0,0,0.18); 
box-shadow: 0px 2px 15px 3px rgba(0,0,0,0.18);
}

.list{
    gap: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:85%;
    max-width: 600px;
    /* background-color: aqua; */
    margin-top: 50px;
}

.link{
    background-color: white;
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-style:italic;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 1.2rem;

    padding: 20px 50px;
    border-radius: 20px;
    width: 100%;
    -webkit-box-shadow: 0px 2px 15px 3px rgba(0,0,0,0.18); 
box-shadow: 0px 2px 15px 3px rgba(0,0,0,0.18);
transition: 0.3s;
}

.link:hover{
    box-shadow: none;
    -webkit-box-shadow:none
}

.icone{
    width:40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#yki{
    background-image: url('./png/background.png');
    background-position: bottom right;
    background-size: auto 100% ;
    background-repeat: no-repeat;
}

.link p{
    width: calc(100% - 50px);
    text-align: center;
    margin-left: -50px;
}

@media screen and (max-width:747px)
{
    .gradient-background {
        background: linear-gradient(200deg,#53ad32,#55ae31,#53ad32,#9cc41a,#abc815,#adc914);
        background-size: 360% 360%;
        animation: gradient-animation 5s ease infinite;
      }
      
      @keyframes gradient-animation {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }

      .link{
        font-size: 1.1rem;
        justify-content: space-between;
        
    }
    .list{
        gap: 20px;
    }

    .icone{
        width:30px;
        height: 30px;
    }
    
}