.nav{z-index:2;position:fixed;bottom:5%;right:50%;height:5vh;display:flex;flex-flow:row;justify-content:center;align-items:center}.nav ul{position:inherit;background-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-flow:row;list-style-type:none;padding:0;margin:0;border-radius:50px}.nav ul li{padding:1em 2em;overflow:hidden;transition-duration:.5s}.nav__a{text-decoration:none;color:#000}.nav__a:hover,.nav__a:active,.nav__a:visited{text-decoration:none}li:has(.nav__a--active){color:#fff;background-color:var(--nav-active-background);overflow:hidden;border-radius:50px}@media only screen and (max-width: 768px){.nav{height:auto}.nav ul{flex-wrap:wrap;align-items:center;justify-content:center;margin-left:0}.nav ul li{padding-top:.5em;padding-bottom:.5em}}:root{--main-background-color: black;--main-background: #1f1f1f;--line-background: #cac8b941;--second-background: #cac8b9;--nav-active-background: white;--main-color: #45627c;--secondary-color: #1985A1;--second-color: rgba(255, 255, 255, .87);--footer-color: rgb(13, 13, 20);--hover-color: #314150;--main-height: 80vh}html,body,#root{height:100vh}body{width:100%;margin:0;background:var(--main-background);display:flex;flex-direction:column;justify-content:space-between}#root{color:var(--second-color);margin:0,0}.main{margin:0;padding:0;min-height:var(--main-height)}.footer{min-height:10vh;background-color:#000}.footer p{margin:0}.firstAux{max-width:100%;background-color:#000}.section--presentation{height:100vh;width:100%;background-image:linear-gradient(var(--line-background) 1px,transparent 1px,transparent calc(100% - 1px),var(--line-background) calc(100% - 1px)),linear-gradient(90deg,var(--line-background) 1px,transparent 1px,transparent calc(100% - 1px),var(--line-background) calc(100% - 1px));background-size:5vw 5vw;overflow:hidden}.section__article--presentation{margin:0;font-family:Space Grotesk,sans-serif;text-align:center;align-self:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.section__article--presentation h1{text-transform:uppercase;font-style:oblique;font-size:2.5vw;font-style:normal;font-optical-sizing:auto;font-weight:700;margin:0;padding:0}.section__article--presentation h2{margin:0;padding:0;color:var(--secondary-color)}.section__article--presentation img{width:50%;height:50%;border-radius:10px}.div--warning{display:flex;align-items:center;align-self:center;text-align:center;width:fit-content;margin:auto}.div--warning p{margin-left:.5em;color:var(--text)}.div--warning a{color:var(--text);text-decoration:none}.div--warning a:visited{color:var(--text)}.div--warning a:hover{color:var(--hover)}.cursor{position:relative;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle at center,#0000,#000 30%);z-index:1}.section--projects,.section--experience{background:var(--second-background);padding-block:5vh}@media only screen and (max-width: 768px){.cursor{position:relative;transform:translate(-55%,-53%);width:200%;height:200%;background:radial-gradient(circle at center,#0000,#000 30%);z-index:1}.home__article{width:100%}.section__article--presentation{min-width:100%}.section__article--presentation h1{font-size:large}.section__article--presentation h2{font-size:medium}.section--projects,.section--experience{width:100%;background:#000;padding-block:5vh}.aux{max-width:min-content;margin:auto}}.project{width:90%;display:flex;height:90vh;margin:0 auto;position:relative;background-color:#000;border-radius:10px}@media only screen and (max-width: 768px){.project{width:100%;height:fit-content;flex-direction:column}}.project__card{width:70%;height:90vh;display:flex;align-items:center}.project__card--right{width:60%;height:90vh;margin:auto;overflow-y:auto}.project__card--right h1{margin:0;padding:1em 0 0 .5em;font-size:3vw}.project__card--right p{margin:0;padding:0 0 1em 1.5em;font-size:1.5vw;color:var(--secondary-color)}.project__card--left{width:40%;height:90vh;margin:auto;overflow:hidden}.project__card--left img{margin:auto;display:block;object-fit:cover;height:100%;width:90%}.project__card--links{display:flex;justify-content:space-around}.project__link{color:var(--text);text-decoration:none;font-size:large;border-radius:5em;padding:1em;background-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project__link:visited{color:var(--text)}.project__link:hover{color:#000;background-color:var(--nav-active-background)}@media only screen and (max-width: 768px){.project__card--left{display:none}.project__card--right{width:100%;overflow-y:visible;height:fit-content}.project__card--right h1{font-size:large}.project__card--right p{font-size:medium}.project__card{width:100%;height:fit-content}}.project__list{width:30%;height:90vh;border-left:2px solid var(--second-background);overflow-y:scroll}.project__list__card{width:100%;border-bottom:2px solid var(--second-background)}.project__list__card h1{margin:0;padding:1em 0 0 1em;font-size:2vw}.project__list__card p{margin:0;padding:0 0 2em 2.5em;font-size:1.3vw;color:var(--secondary-color)}@media only screen and (max-width: 768px){.project__list{display:none}}.footer__section--links{display:flex;flex-flow:row;justify-content:space-around;list-style-type:none;align-items:center}.footer__section--links a{color:var(--text);text-decoration:none}.footer__section--links a:visited{color:var(--text)}.footer__section--links a:hover{color:var(--hover)}.footer__section--links i{font-size:xx-large}.footer__section--merger{height:5em;background-color:var(--second-background);border-top-left-radius:100%;border-top-right-radius:100%;border-bottom:0;transform:rotate(180deg)}.footer__section--info{height:40vh}.footer__section--info div{width:50%;align-self:center;margin-top:5vh;margin-left:auto;margin-right:auto}.footer__section--info div p{font-size:larger;text-align:center}.footer__img{height:6em;display:block;margin:auto;padding-bottom:2em}@media only screen and (max-width: 768px){.footer__section--merger{background-color:#000}.footer__section--info div{width:90%}}.experience{width:90%;display:flex;height:90vh;margin:0 auto;position:relative;background-color:#000;border-radius:10px}.positions{width:50%;padding:1em}.positions h1{margin-bottom:0}.positions h2{margin:0;color:var(--main-color)}.positions h2 em{color:var(--secondary-color)}.positions--title{font-size:50px}@media only screen and (max-width: 768px){.experience{width:100%;height:fit-content;flex-direction:column}.positions{width:100%}}