@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";:root{--gray-1:#0a0a0a;--gray-2:#111;--gray-3:#161616;--gray-4:#1c1c1c;--gray-5:#242424;--gray-6:#2e2e2e;--gray-7:#3a3a3a;--gray-8:#555;--gray-9:#888;--gray-10:#aaa;--gray-11:#d4d4d4;--gray-12:#f0f0f0}body{background:var(--gray-1);color:var(--gray-11);font-style:normal;font-weight:400}*{font-family:Poppins,sans-serif}nav{background:var(--gray-2);place-content:center space-between;align-items:center;width:100%;height:min(80px,20vh);animation:.95s cubic-bezier(.22,1,.36,1) both navbarPopUp;display:flex;position:fixed;top:0;left:0}nav *{color:var(--gray-12);align-content:center;font-size:30px}nav #author{margin-left:75px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}nav ul{margin-right:50px;list-style-type:none}nav ul li{float:left;margin-right:20px}main{margin-top:min(100px,20vh)}@keyframes navbarPopUp{0%{opacity:0;transform:translateY(calc(-1*min(80px,20vh)))}70%{opacity:1}to{opacity:1;transform:translate(0,0)}}#pfp{aspect-ratio:1;border:var(--gray-8) 2px solid;will-change:transform, opacity;border-radius:10%;width:420px;animation:.6s cubic-bezier(.22,1,.36,1) leftPopUp}.presentation{flex-direction:row;margin-top:50vh;margin-left:75px;display:flex;transform:translateY(-50%)}.shortText{margin-top:10px;margin-left:32px}.shortText .devName{color:var(--gray-12);will-change:transform, opacity;margin:0;font-size:100px;font-weight:900;line-height:.9;animation:.65s cubic-bezier(.22,1,.36,1) both downPopUp;display:block}.shortText .origine{color:var(--gray-7);will-change:transform, opacity;margin:-8px 0 0;font-size:30px;font-weight:300;line-height:1;animation:.8s cubic-bezier(.22,1,.36,1) 80ms both downPopUp;display:block}.quickLinks{flex-direction:row;margin-top:130px;display:flex}.quickLinks .quickLink{background-color:var(--gray-5);border:none;border-radius:15px;align-items:center;width:300px;height:80px;margin-bottom:0;display:flex}.quickLinks .quickLink .githubLogo{height:80px}.quickLinks .quickLink .discordLogo{height:50px;margin-left:15px}.quickLinks .quickLink span{color:var(--gray-12);font-size:30px;font-weight:700}.quickLinks .quickLink .githubID{margin-left:5px}.quickLinks .quickLink .discordID{margin-left:15px}.quickLinks .quickLink span{justify-self:center;display:block}.quickLinks .githubButton{animation:.65s cubic-bezier(.22,1,.36,1) both downPopUp}.quickLinks .discordButton{animation:.95s cubic-bezier(.22,1,.36,1) both downPopUp}.quickLinks .quickLink:nth-child(2){margin-left:32px}.quickLinks .quickLink:hover{background:var(--gray-4)}.quickLinks .quickLink:hover span{color:var(--gray-10);text-decoration:underline}.shortText .moreInfo{will-change:transform, opacity;margin:24px 0 0;font-size:55px;font-weight:600;line-height:1.1;animation:.95s cubic-bezier(.22,1,.36,1) .16s both downPopUp;display:block}.shortText .separator{color:var(--gray-7)}@keyframes leftPopUp{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes downPopUp{0%{opacity:0;transform:translateY(-46px)}70%{opacity:1}to{opacity:1;transform:translate(0,0)}}.projectsMain{flex-direction:column;align-items:center;padding:20px;display:flex}.projectsMain hr{background-color:var(--gray-10);border:none;width:50vh;height:5px}.projects{display:grid}main.fallBackMain{flex-direction:column;align-items:center;margin:40vh auto;display:flex}main.fallBackMain h1{font-size:45px}main.fallBackMain button{background:var(--gray-6);border:var(--gray-4) 2px solid;color:var(--gray-11);border-radius:15px;padding:5px;font-size:30px}