body{--nav-btn-height: 70px;--secondary-color: rgb(209, 209, 209);font-family:Arial,Helvetica,sans-serif;margin:0;height:100vh;padding:0}body:before{content:"";position:absolute;z-index:-1;width:100%;height:30rem;background-color:var(--secondary-color);transform-origin:-60vh center;transform:skewY(-10deg);box-shadow:0 .1rem 1rem #00000080}#root{--root-padding: 5vw;align-items:center;display:flex;flex-direction:column;gap:15vh;height:100%;justify-content:space-between;margin-top:5vh}button:hover{cursor:pointer}.profile{--profile-height: 30vh;display:flex;margin-top:var(--nav-btn-height);padding:0vw var(--root-padding)}.profile div:first-child{display:flex;justify-content:center;transition:filter 2s ease,transform 2s ease;will-change:filter,transform}.profile div:first-child:hover{filter:sepia(100%);transform:scale(1.1);transition:filter 2s ease,transform 2s ease}.profile-picture{box-shadow:4px 4px 4px #0003;max-height:var(--profile-height);transition:box-shadow 2s ease}.profile-picture:hover{box-shadow:20px 20px 20px #00000080;transition:box-shadow 2s ease}.profile div:first-child span{align-self:flex-end;color:#fff;font-family:Playfair Display,Times New Roman,Times,serif;font-size:3rem;position:absolute;overflow:hidden;pointer-events:none;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:500px}.about-group{align-self:center;background-color:#fff;box-shadow:6px 6px 6px #0000004d;display:flex;flex-direction:column;gap:10px;justify-content:space-around;max-height:70%;margin:0;height:calc(var(--profile-height) * .6);max-width:1237px;padding:2%}.about-group *{margin:0}.about-group>h1{font-family:Playfair Display,Times New Roman,Times,serif;font-size:2rem}.about-group>p{color:#535353;font-family:Roboto,Arial,Helvetica,sans-serif;overflow:auto}.about-group div:last-of-type{align-self:flex-end;display:flex;gap:20px;justify-content:flex-end}.about-group button{width:30px}@media (max-width: 850px){.profile{flex-direction:column}.about-group{height:auto}}.external-site-button{align-items:center;background-color:#0000;border:none;display:flex;justify-content:center;margin:0;padding:0;transition:all .2s ease-in-out}.external-site-button:hover{transition:all .2s ease-in-out;transform:scale(1.1)}.external-site-button a,.external-site-button img{height:100%;width:100%}.project{border-radius:8px;box-shadow:5px 5px 5px #0000004d;display:flex;filter:grayscale();flex-direction:column;height:600px;overflow:hidden;transition:all .2s ease-in-out;width:380px}.project:hover{filter:none;transition:all .2s ease-in-out;transform:scale(1.05)}.project-img{height:60%}.project div[class=project-img]{align-items:center;background-color:#cfcfcf;display:flex;font-size:1.5em;justify-content:center;height:60%}.project>div{background-color:#fafafa;display:flex;flex-direction:column;justify-content:space-between;height:40%;padding:0 5% 5%}.top-group{display:flex;justify-content:space-between}.top-group h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project>div:nth-child(2)>p{color:#5c5c5c;font-family:Roboto,Arial,Times,serif;overflow:auto;overflow-wrap:break-word}.project-links{align-items:center;display:flex;gap:10px}.project-links button{width:30px}.tools-group{display:flex}@media (max-width: 850px){.project{width:350px}}.tools-group{align-items:center;display:flex;flex-direction:row}.tool-img{max-height:50px;max-width:50px;min-width:50px;min-height:50px}.tool-img:hover{transition:all .2s ease-in-out;transform:scale(1.1)}.projects{padding:0vw var(--root-padding) 0vw var(--root-padding);font-family:Playfair Display,Times New Roman,Times,serif}.projects>h2{justify-self:center;font-size:2em}.projects>div{align-self:flex-start;display:flex;flex-wrap:wrap;justify-content:center;gap:2vw}.contact-group{align-items:center;background-color:var(--secondary-color);color:#000;display:flex;font-family:Roboto,Arial,Times,serif;font-size:clamp(1.2rem,.5rem + 1.5vw,1.5rem);justify-content:space-between;padding:2% var(--root-padding) 2% var(--root-padding);width:calc(100% - var(--root-padding) * 2)}.contact-group>div{display:flex;flex-direction:column;height:100%;gap:20px;justify-content:space-around;min-width:50vw}.contact-group>div>h2{font-family:Playfair Display,"Times New  15px;Roman",Times,serif;font-size:clamp(1.5rem,2rem + 1.5vw,4rem);margin:0;padding:0}.contact-info{align-items:center;display:flex;gap:15px}.contact-info button{width:40px}@media (max-width: 850px){.contact-group{flex-direction:column;gap:20px}.contact-group>img{width:100%}}.education{align-items:center;border-radius:5px;display:flex;background-color:#f1f1f1;flex-direction:column;padding:20px;width:50vw}.education-category-header{align-items:center;background-color:#dadada;box-shadow:5px 0 5px #0000004d;border-bottom:2px solid gray;display:flex;font-size:40px;height:80px;justify-content:center;margin:0;text-align:center;width:100%}.education-category-header:hover{cursor:pointer}.education-category-header:hover>img{cursor:pointer;filter:invert(19%) sepia(76%) saturate(3892%) hue-rotate(353deg) brightness(79%) contrast(86%)}.education-category-header>h3{--expander-width: 40px;font-size:30px;margin:0 auto;padding:0}.education-category-header>img{width:var(--expander-width)}.education-category{background-color:#c4c4c44d;box-shadow:5px 5px 5px #0000004d;display:flex;flex-direction:column;gap:1vh;max-height:0px;overflow-y:auto;transition:max-height 2s ease,padding 1s ease;will-change:max-height,padding}.education-info{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%}.education-info-top{display:flex;flex-direction:column;font-size:30px;gap:20px;justify-content:center}.education-info-top>h3{margin:0 auto;padding:0;font-size:clamp(1rem,.75rem + 1.5vw,2rem)}.education-info-top>div{align-items:center;display:flex;flex-direction:row;gap:100px;font-size:clamp(1rem,.75rem + 1.5vw,2rem)}.university-group{align-items:center;display:flex;gap:20px}.university-group img{width:40px}@media (max-width: 850px){.education{width:80vw}}.course{background-color:#f3f3f3;border:2px solid rgb(112,112,112);border-radius:8px;box-shadow:5px 5px 5px #0000004d;display:flex;flex-direction:column;max-height:70px;overflow:hidden;padding:10px 20px 0;transition:max-height .7s ease,visibility 2s ease;will-change:max-height,visibility}.course:hover{background-color:#fafafa;border:2px solid black;cursor:pointer;max-height:250px;transition:max-height .7s ease;will-change:max-height}.course .top-group{align-items:center;display:flex;min-height:40px;margin-bottom:22px;margin-top:6px;flex-wrap:wrap}.course .top-group>h3{margin:0;padding:0;font-size:clamp(1rem,.75rem + 1vw,1.2rem);width:50%}.course .tools-group{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;gap:10px;width:50%}.course .tools-group img{height:10px}.info-group{align-items:center;display:flex;gap:15px;flex-direction:row}.info-group>div{align-items:center;display:flex;gap:10px;flex-direction:row}.info-group img{width:30px}.course>p{margin:0;overflow:auto;padding:0}.navigation{--border-radius: 15px;--border: 1px solid gray;align-items:center;display:flex;justify-content:center;max-width:60vw;position:fixed;top:0;z-index:1}.navigation>button{background-color:#e9e9e9;border:none;color:#535353;font-size:20px;font-weight:700;height:var(--nav-btn-height);min-width:15vw}.navigation button:nth-child(1){border-right:var(--border);border-bottom-left-radius:var(--border-radius)}.navigation button:nth-child(2){border-right:var(--border)}.navigation button:nth-child(3){border-right:var(--border)}.navigation button:nth-child(4){border-left:none;border-bottom-right-radius:var(--border-radius)}.navigation button:hover{background-color:#d1d1d1;cursor:pointer}@media (max-width: 850px){.navigation>button{min-width:20vw}}