html,body{width:100%;height:100%;padding:0;margin:0;background-color:#171717;color:#fff}:root{color-scheme:dark}.appContainer{width:100%;min-height:100vh;background:#171717;display:flex;flex-direction:column;align-items:center}.appContent{padding-top:150px;display:flex;flex-direction:column;max-width:70%;width:100%;z-index:2;opacity:0;transform:translateY(20px);animation:fadeIn 2s forwards;transition:all .3s ease}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.infoCard{display:flex;flex-direction:row;align-items:center;justify-content:center}.infoCardContent{display:flex;flex-direction:row;min-width:100px}.bgImage{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(45px) brightness(40%);pointer-events:none}.bgOverlay{position:fixed;bottom:0;left:0;width:100%;height:30px;background-color:#027800;z-index:3;filter:blur(100px)}@media (max-width: 1000px){.appContent{max-width:90%}}@media (max-width: 660px){.infoCard{flex-direction:column;align-items:center}.infoCardContent{padding-top:30px}}.avatarContainer{width:20vw;max-width:300px;aspect-ratio:1 / 1;background-color:gray;min-width:100px;border-radius:50%;border:6px solid rgb(0,255,34);box-shadow:0 0 200px #0f23;animation:float 5s ease-in-out infinite;transition:all .3s ease}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}#image{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}@media (max-width: 660px){.avatarContainer{width:200px;height:200px}}.infoContainer{display:flex;flex-direction:column;padding-left:60px;min-width:400px;color:#fff;gap:35px;transition:all 1s ease}.headerlabel{font-size:60px;font-family:Inter;font-weight:700;transition:all .3s ease}.label{font-size:30px;font-weight:700;font-family:Arial,Helvetica,sans-serif;transition:all .3s ease}@media (max-width: 1250px){.headerlabel{font-size:40px}.label{font-size:20px}.infoContainer{min-width:300px}}@media (max-width: 660px){.headerlabel{font-size:35px}.label{font-size:15px}.infoContainer{min-width:200px;padding-left:0}}.linksContainer{display:flex;flex-direction:column;align-items:flex-end;width:400px;gap:30px}.button{width:231px;height:80px;background-color:#fff;color:#000;border:none;border-radius:40px;cursor:pointer;font-size:26px;font-family:Inter;font-weight:700;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 #ffffff80}.button:hover{box-shadow:0 0 20px 10px #ffffff80}@media (max-width: 1250px){.button{width:200px;height:60px}}@media (max-width: 1000px){.button{width:150px;height:60px;font-size:22px}.lbl{font-size:20px}.imgBut{width:30px!important;height:30px!important}}@media (max-width: 660px){.linksContainer{width:150px}}.achivementsContainer{display:flex;flex-direction:column;align-items:center;padding-top:60px;padding-left:170px}.achivementsRow{display:flex;flex-direction:row;padding-top:20px;gap:20px;flex-wrap:wrap;justify-content:flex-start;transition:all .3s ease}@media (max-width: 1000px){.achivementsContainer{padding-left:0}}@media (max-width: 660px){.achivementsRow{justify-content:center}}.achivementContainer{width:auto;padding-right:10px;height:50px;background-color:#44444472;border-radius:20px;display:flex;flex-direction:row;align-items:center;color:#fff;font-size:18px;font-family:Inter;font-weight:700;gap:5px}.achivementContainer label,.achivementDiv label{font-size:20px}.achivementDiv{width:80px;height:50px;background-color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#000;font-size:16px}.cardsContainer{padding-top:150px}.cardsRow{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;transition:all .3s ease}@media (max-width: 1000px){.cardsRow{flex-direction:column}}.cardContainer{width:389px;height:232px;background:#17171783;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border-left:1px solid rgba(21,21,21,.15);border-top:1px solid rgba(21,21,21,.15);border-right:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.3);color:#fff;padding:20px;transition:transform .2s ease,background .3s ease;perspective:1000px;box-shadow:inset -1px -1px 2px #ffffff14,inset 2px 2px 6px #0003,0 12px 30px #00000040,0 8px 20px #00000026}.cardContainer:hover{transform:translateY(-10px);box-shadow:inset -1px -1px 3px #ffffff1a,inset 2px 2px 8px #00000040,0 14px 35px #00000047,0 10px 25px #0000002e}.cardDiv{padding-top:20px}.cardDiv img{filter:grayscale(100%)}label{font-size:32px;font-family:Inter;font-weight:700}@media (max-width: 1000px){.cardContainer{width:90%;height:auto}}.menuContainer{position:fixed;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background-color:#13131357;box-shadow:0 32px 96px #0000004d,0 16px 64px #3c3c3c38,0 3px 16px #3c3c3c21;border-bottom:.5px solid #ffffff44;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:8px;width:100%;height:25px;z-index:100}.sidebarContainer{position:fixed}.galleryContent{opacity:0;transform:translateY(20px);animation:fadeIn 2s forwards;transition:all .3s ease;padding-top:100px;display:flex;flex-direction:column;align-items:center;gap:40px}.galleryContent img{width:100%;height:220px;border-radius:20px;margin-top:-15px;filter:grayscale(0%);object-fit:cover}@media (max-width: 1380px){.galleryContent img{flex-wrap:wrap}.lblgallery{font-size:48px!important}}@media (max-width: 1000px){.galleryContent img{width:100%;height:auto}}