@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0}body{font-family:Quicksand,sans-serif}html{scroll-behavior:smooth}p{color:#555}a,.btn{transition:all .3s ease}nav,.nav-links{display:flex}nav{justify-content:space-between;align-items:center;padding:0 4.36rem;height:17vh}.nav-links{gap:2rem;list-style:none;font-size:1.5rem}a{color:#000;text-decoration:none;text-decoration-color:#fff}a:hover{color:#0f6ead;text-decoration:underline;text-underline-offset:1rem;text-decoration-color:#0f6ead}.logo{font-size:2rem}.logo:hover{cursor:default}#language-toggle{display:flex;justify-content:flex-end;padding:1rem;padding-bottom:0;padding-right:3rem}#language-toggle-en{display:flex;justify-content:flex-end;padding:1rem 4.36rem 1rem 1rem}#flag-en,#flag-fr{background:none;border:none;cursor:pointer;margin-right:1rem;opacity:.7}#flag-en:hover,#flag-fr:hover{transform:scale(1.1);background-image:none;transition:all .3s ease}#flag-en:not(:hover),#flag-fr:not(:hover){transform:scale(1);transition:all .3s ease}#flag-en img,#flag-fr img{width:30px;height:auto}#flag-en.active img,#flag-fr.active img{border-color:#353535}#hamburger-nav{display:none;position:relative;z-index:1000;margin:0 3rem}.hamburger-menu{position:relative;display:inline-block}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;cursor:pointer}.hamburger-icon span{width:100%;height:2px;background-color:#000;transition:all .3 ease-in-out}.menu-links{position:absolute;top:100%;right:0%;background-color:#fff;width:fit-content;max-height:0;overflow:hidden;opacity:0;transition:opacity .3s ease-in-out;z-index:1001;box-shadow:0 4px 8px #0000001a}.menu-links.open{max-height:auto;opacity:1}.menu-links a{display:block;padding:10px;text-align:center;font-size:1.5rem;color:#000;text-decoration:none;transition:all .3 ease-in-out}.menu-links li{list-style:none}.menu-links.open{max-height:300px}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}.hamburger-icon span:first-child{opacity:1}.hamburger-icon span:first-child{transform:none}section{padding-top:4vh;height:96vh;margin:0 10rem;box-sizing:border-box;min-height:fit-content}.section-container{display:flex;justify-content:center;align-items:center}.hidden{opacity:0;transform:scale(.9);transition:opacity 1s,transform 1s}.show{opacity:1;transform:scale(1);transition:opacity 1s,transform 1s}#profile{display:flex;justify-content:center;gap:2.5rem;height:80vh}.section__pic-container{display:flex;height:400px;width:400px;margin:auto 0;border-radius:2rem}.section__pic-container img{border-radius:100%}.section__text{align-self:center;text-align:center}.section__text p{font-weight:600}.section__text__p1{text-align:center;color:#0f6ead}.section__text__p2{font-size:1.75rem;margin-bottom:1rem;color:#0f6ead}.title{font-size:3rem;text-align:center}#socials-container{display:flex;justify-content:center;margin-top:1rem;gap:1rem}#profile img.arrow{position:absolute;right:5rem;bottom:4.6rem}.icon{cursor:pointer;height:2rem}.btn-container{display:flex;justify-content:center;gap:1rem}.btn{font-weight:600;transition:all .3s ease;padding:1rem;width:8rem;border-radius:2rem}.btn-color-1,.btn-color-2{border:rgb(53,53,53) .1rem solid}.btn-color-1:hover,.btn-color-2:hover{cursor:pointer}.btn-color-1,.btn-color-2:hover{background:#353535;color:#fff}.btn-color-1:hover{border:rgb(255,255,255) .1rem solid;background-color:#0f6ead}.btn-color-2{background-color:#fff}.btn-color-2:hover{border:rgb(255,255,255) .1rem solid;background-color:#0f6ead}.btn-container{gap:1rem}#about{position:relative}.link_adjuvoo{color:#0f6ead}.link_adjuvoo:hover{text-decoration:none}.about-containers{gap:2rem;margin-bottom:2rem;margin-top:2rem}.about-details-container{justify-content:center;flex-direction:column}.about-containers,.about-details-container{display:flex}.arrow{position:absolute;right:-5rem;bottom:2.5rem}.details-container{padding:1.5rem;flex:1;background:#fff;border-radius:2rem;border:rgb(53,53,53) .1rem solid;border-color:#a3a3a3;text-align:center}.details-container h3{color:#0f6ead}.section-container{gap:4rem;height:80%;justify-content:center}#experience{position:relative}.experience-sub-title{color:#353535;font-weight:600;font-size:1.75rem;margin-bottom:2rem}.experience-details-container{display:flex;justify-content:center;flex-direction:column}.article-container{position:relative;display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:2.5rem;justify-content:space-around}article{display:flex;width:10rem;justify-content:flex-start;gap:.5rem}article .icon{cursor:default}#projects{position:relative;display:flex;align-items:center}.color-container{position:relative}.project-img{border-radius:2rem;transition:opacity .5s ease;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}.img-container-1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/moviepediaMobile.png);background-size:contain;border-radius:2rem;opacity:0;transition:opacity .5s ease}.img-container-2:before{content:"";position:absolute;top:0;left:10;width:100%;height:100%;background-image:url(/gamechamp-mobile.png);background-size:cover;border-radius:2rem;opacity:0;transition:opacity .5s ease}.img-container-3:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/dabeatz-mobile.png);background-size:contain;background-repeat:no-repeat;border-radius:2rem;opacity:0;object-fit:cover;transition:opacity .5s ease}.img-container-1:hover .project-img,.img-container-2:hover .project-img,.img-container-3:hover .project-img{opacity:0}.img-container-1:hover:before,.img-container-2:hover:before,.img-container-3:hover:before{opacity:1}.project-title{margin:1rem;color:#0f6ead}.project-btn{color:#000;border-color:#a3a3a3}#contact{display:flex;justify-content:center;flex-direction:column;height:70vh}.contact-info-upper-container{display:flex;justify-content:center;border-radius:2rem;border:rgb(53,53,53) .1rem solid;border-color:#a3a3a3;background:(250,250,250);margin:2rem auto;padding:.5rem;gap:.5rem}.contact-info-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem}.contact-info-container p{font-size:larger}.contact-icon{cursor:default;height:2rem}.email-icon{height:2.5rem}footer{height:30vh;margin:0 1rem;position:relative}footer p{text-align:center}footer img.arrow{position:absolute;right:4rem;bottom:4.8rem;transform:rotate(180deg)}.hidden{opacity:0;transform:translateY(30px);transition:all .6s ease}.visible{opacity:1;transform:translateY(0)}#flag-en.active,#flag-fr.active{opacity:1}@media screen and (max-width: 1400px){#profile{height:83vh;margin-bottom:6rem}.about-containers{flex-wrap:wrap;margin-top:2rem}}@media screen and (max-width: 1200px){nav{padding:0}#desktop-nav{display:none}#hamburger-nav{display:flex}#language-toggle{padding-right:0;margin-right:2rem;position:relative}#experience,.experience-details-container{margin-top:2rem}#profile,.section-container{display:block}.arrow{display:none}section,.section-container{height:fit-content}section{margin:0 5%}.section__pic-container{width:275px;height:275px;margin:0 auto 2rem}.about-containers{margin-top:1rem}}@media screen and (max-width: 600px){#language-toggle{padding-right:0;margin-right:1.8rem;position:relative}#contact,footer{height:40vh}#profile{height:73vh;margin-bottom:0}#hamburger-nav{display:flex}article{font-size:1rem}footer nav{height:fit-content;margin-bottom:2rem}.about-containers,.contact-info-upper-container,.btn-container{flex-wrap:wrap}.contact-info-container{margin:0}.contact-info-container p,.nav-links li a{font-size:1rem}.experience-sub-title{font-size:1.25rem}.logo{font-size:1.5rem}.nav-links{flex-direction:column;gap:.5rem;text-align:center;z-index:1001}.section__pic-container{width:auto;height:46vw;justify-content:center}.section__text__p2{font-size:1.25rem}.title{font-size:2rem}.text-container{text-align:justify}}@media screen and (max-width: 300px){#language-toggle{padding-right:0;margin-right:0;position:relative}}