.eye-glass-container{height:100vh;width:100vw;top:0;position:fixed;z-index:3;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));transform-style:preserve-3d;transform:perspective(1000px);overflow:hidden}.eye-glass{height:-moz-fit-content;height:fit-content;width:100%;position:fixed;display:flex;align-items:center;justify-content:center;z-index:2}.half{--angle:45deg}.half:last-child{transform:rotateY(180deg);--angle:30deg}.frame{width:20vw;aspect-ratio:1/.75;border:1vw solid #111;border-top-right-radius:45% 30%;border-top-left-radius:50% 40%;border-bottom-right-radius:40% 60%;border-bottom-left-radius:40% 80%;margin-right:2vw}.glass{width:100%;height:100%;border-radius:inherit}.connector{border-radius:15px;height:1.2vw;background-color:#111;width:6vw;top:20%;z-index:3;position:absolute;bottom:50%}.about-container{height:100vh;width:100vw;overflow:hidden}.about,.about-container{display:flex;justify-content:center;align-items:center}.about{flex-direction:column;gap:20px;text-align:left;max-width:910px;overflow-x:hidden}.about>div:not(.marquee){width:100%;padding:16px}.name{margin:0;font-size:5rem;width:-moz-fit-content;width:fit-content;color:transparent;-webkit-background-clip:text;background-clip:text;background-color:#51e1a9;background-image:linear-gradient(95.01deg,rgba(65,5,176,0) 24.86%,rgba(65,5,176,.5) 75.14%)}.role{font-weight:200}.objective,.role{font-size:1.5rem;margin:0}.blink{animation:blink-animation 1s infinite}@keyframes blink-animation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.name{font-size:3.5rem}.role{font-size:1.5rem}.objective{font-size:1.2rem}}.hero{height:140vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative}.hero #hero__img{width:100%;height:auto;max-width:915px;position:absolute;top:8%;left:auto;transform:none}@media screen and (max-width:768px){.hero{height:115vh}}.projects__title{width:60vw;z-index:2;font-size:5rem;font-weight:100}.card,.projects__title{text-align:left;margin:auto}.card{--bg:var(--bgImg);display:flex;height:364px;width:60%;border:2px solid #eee;border-radius:8px;padding:5rem;transition:all .5s cubic-bezier(.25,.46,.9,.94)}.card:hover{box-shadow:0 0 3rem 1rem hsla(0,0%,93%,.5),inset 0 0 .5rem .1rem #eee;--bg:var(--bgHoverImg)}.card .card__image,.card:hover .card__hover-image{opacity:1}.card .card__hover-image,.card:hover .card__image{opacity:0}.card__hover-image,.card__image{object-fit:contain}.img{position:relative;width:50%}.details{display:flex;flex-direction:column;justify-content:space-between;width:50%;z-index:2}.card__title{height:-moz-fit-content;height:fit-content;font-size:2rem}.card p{margin:0}.card__description{height:-moz-fit-content;height:fit-content;display:flex;align-items:flex-start;justify-content:space-evenly;flex-direction:column;gap:3rem;padding:1.2rem 0}.card__skill-list{display:flex;gap:1rem;width:100%;align-items:center;flex-wrap:wrap}.card__skill{font-size:.9rem;border:1px solid #eee;padding:.2rem .7rem;border-radius:1rem;align-content:center;white-space:nowrap;color:#242424;background-image:linear-gradient(90deg,#eeeeee7f,#eeeeeebd)}.card__links{display:flex;width:50%;height:10%;text-decoration:underline}.hide{filter:blur(25px)}.hide:hover{box-shadow:none}@media (max-width:768px){.card{flex-direction:column;height:-moz-fit-content;height:fit-content;box-shadow:0 0 3rem 1rem hsla(0,0%,93%,.5),inset 0 0 .5rem .1rem #eee;--bg:var(--bgHoverImg)}.card .img{scale:1.1;margin-top:2rem}.details{width:100%;margin-bottom:1rem}.card__links{width:100%;margin-top:1rem}.img{width:100%;height:182px;background-position:50%}.projects__title{margin-left:5px}}.navbar{position:fixed;top:0;left:0;width:calc(100vw - 4rem);display:none;padding:1rem 2rem;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.navbar,.navbar ul{justify-content:space-between}.navbar ul{display:flex;align-items:baseline;gap:1rem;list-style:none;margin:0;padding:0}.nav__name{margin:0}@keyframes glow{0%{text-shadow:0 0 1rem #eee}to{text-shadow:none}}@media screen and (max-width:768px){ul li:last-child{animation:glow 1s infinite}}.contact{display:flex;align-items:center;justify-content:space-evenly;width:100vw;height:100vh}.logos{border-right:1px solid #eee;height:100%;width:20vw;flex-direction:column;justify-content:space-around}.logos,.logos div{display:flex}.logos div h4{writing-mode:vertical-rl;rotate:180deg;font-weight:400;margin:0}.contact__img{width:6vw;min-width:80px;aspect-ratio:3/2}.logo:active,.logo:hover{filter:drop-shadow(0 0 2px #eeeeee)}.logos a:hover{text-decoration:none;color:#eee}.form fieldset{display:grid;grid-template-columns:auto;grid-template-rows:repeat(4);align-content:center;justify-items:center;align-items:center;border-color:#eee}.form input{background-color:#242424;color:#eee;border:2px solid #eee;border-radius:4px;margin:10px;padding:10px;width:25vw}.form input:focus{outline:1px solid rgb(var(--primary))}.form input[type=textarea]{height:15vh}.form button{width:45%;background-color:#242424;color:#eee;padding:10px}@media (max-width:768px){.logos{flex-direction:row;border-bottom:1px solid #eee;border-right:none;width:100vw;height:20vh}.logos div{flex-direction:column-reverse;align-items:center}.logos div h4{writing-mode:horizontal-tb;rotate:none;font-size:1.5rem}.logos:active,.logos:hover{filter:none}.contact{flex-direction:column;justify-content:space-evenly}.form input{width:70vw}.contact__img{width:10vw;min-width:50px}}