.single-profile-page{flex-direction:column;justify-self:center;align-items:center;max-width:100svw;display:flex}.single-profile-page .overlay{z-index:999;pointer-events:none;background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.single-profile-page .overlay.active{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:all;background-color:#000000b3!important}.single-profile-page .overlay .full-screen-subject-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:90%;max-width:60rem;height:40rem;min-height:fit-content;padding:5rem;display:flex}.single-profile-page .overlay .full-screen-subject-container .subject-name{color:var(--accent-secondary);flex-wrap:wrap;padding:0;font-size:3.2rem;display:flex}.single-profile-page .overlay .full-screen-subject-container .subject-name-text{margin-right:2rem}.single-profile-page .overlay .full-screen-subject-container .subject-general{color:wheat;border:2px solid wheat;border-radius:5rem;justify-content:center;align-items:center;width:10rem;height:max-content;padding:.7rem 2rem;font-size:1.7rem;display:flex}.single-profile-page .overlay .full-screen-subject-container .subject-vocational{color:#0ff;border:2px solid #0ff;border-radius:5rem;justify-content:center;align-items:center;width:10rem;height:max-content;padding:.7rem 2rem;font-size:1.7rem;display:flex}.single-profile-page .overlay .full-screen-subject-container .subject-description{text-align:start;color:var(--text-primary);margin-top:2rem;font-size:1.8rem}@media screen and (max-width:425px){.single-profile-page .overlay .full-screen-subject-container{padding:2rem}}.single-profile-page:has(.overlay.active) *{pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.single-profile-page:has(.overlay.active) .overlay *{pointer-events:auto;touch-action:auto;-webkit-user-select:text;user-select:text}.single-profile-page:has(.overlay.active) .overlay :is(button){-webkit-user-select:none;user-select:none}.single-profile-page .header{justify-content:center;align-items:flex-start;gap:5rem;width:90%;max-width:165rem;margin-top:5rem;display:flex}.single-profile-page .header .image-container{aspect-ratio:16/9;border-radius:2rem;width:80rem;position:relative;overflow:hidden}.single-profile-page .header .image-container img{object-fit:cover;width:100%;height:100%}.single-profile-page .header .info{flex-direction:column;gap:2rem;width:70%;max-width:80rem;display:flex}.single-profile-page .header .info h1{color:var(--accent-secondary);font-size:4rem}.single-profile-page .header .info p{font-size:1.8rem}.single-profile-page .body{flex-direction:column;gap:2.5rem;width:90%;max-width:160rem;display:flex}.single-profile-page .body section{flex-direction:column;gap:1rem;margin-top:10rem;display:flex}.single-profile-page .body section h2{color:var(--accent-secondary);font-size:3.2rem;font-weight:600}.single-profile-page .body section p{max-width:140rem;font-size:1.8rem}.single-profile-page .body ul.skills{grid-template-columns:1fr 1fr;gap:2.5rem;margin-block:2rem;padding:0 1rem;display:grid}.single-profile-page .body ul.skills li{background-color:var(--secondary-background);box-shadow:0px 5px 15px var(--shadow);border-radius:1rem;padding:2rem;font-size:1.6rem}.single-profile-page .body ul.skills li h2{font-size:2rem}.single-profile-page .body ul.skills li::marker{content:""}.single-profile-page .subjects-container{grid-template-rows:1fr;grid-template-columns:1fr max-content;gap:3rem;width:90%;margin-top:10rem;display:grid}.single-profile-page .subjects-container .year-selector{grid-column:2;grid-template-rows:repeat(4,max-content);gap:1.5rem;font-size:1.5rem;display:grid}.single-profile-page .subjects-container .year-selector button{background-color:var(--accent-secondary);color:var(--text-accent);cursor:pointer;aspect-ratio:1;border:none;border-radius:5px;width:5rem;transition:background-color .3s,transform .3s,box-shadow .3s}.single-profile-page .subjects-container .year-selector button p{font-size:2rem}.single-profile-page .subjects-container .year-selector button:hover{background-color:var(--accent-secondary-highlight);box-shadow:0 4px 8px #0003}.single-profile-page .subjects-container .year-selector button:focus-visible{box-shadow:0 0 0 3px var(--accent-secondary);outline:none}.single-profile-page .subjects-container .year-selector button:active{box-shadow:0 2px 4px #0003}.single-profile-page .subjects-container .year-selector button.selected,.single-profile-page .subjects-container .year-selector button.selected:hover{background-color:var(--accent)}.single-profile-page .subjects-container .year-selector button.selected:focus-visible{box-shadow:0 0 0 3px var(--accent)}.single-profile-page .subjects-container .subjects-list{grid-area:1/1;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));grid-auto-rows:15rem;gap:2.5rem;display:grid}@media (max-width:600px){.single-profile-page .subjects-container{grid-template-rows:max-content 1fr;grid-template-columns:1fr;gap:0}.single-profile-page .subjects-container .year-selector{grid-area:1/1;grid-template-rows:1fr;grid-template-columns:repeat(4,max-content);justify-content:center;height:max-content;margin-bottom:1.5rem;font-size:2rem}.single-profile-page .subjects-container .year-selector button{width:6rem}.single-profile-page .subjects-container .subjects-list{grid-area:2/1}}.single-profile-page .subject-item{background-color:var(--secondary-background);box-shadow:0px 5px 15px var(--shadow);box-sizing:border-box;cursor:pointer;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex}.single-profile-page .subject-item .subject-name{color:var(--text-primary);padding-left:.7rem;font-size:2.2rem;position:relative}.single-profile-page .subject-item p{color:var(--text-secondary);font-size:1.6rem}.single-profile-page .subject-item.vocational .subject-name:before{background-color:var(--accent)}.single-profile-page .subject-item .subject-count{color:var(--text-secondary);font-size:1.6rem}@media screen and (max-width:768px){.single-profile-page .subject-item .subject-name{padding-left:1.3rem;font-size:2rem}.single-profile-page .subject-item .subject-name:before{width:.7rem;transform:translate(-1.3rem)}.single-profile-page .subject-item .subject-count{font-size:1.8rem}}@media screen and (max-width:1100px){.single-profile-page{padding:0}.single-profile-page .header{flex-direction:column;align-items:center}.single-profile-page .header .image-container{width:100%}.single-profile-page .header .image-container:after{background:linear-gradient(180deg,#0000 0%,#0005 50%,var(--background)95%)}.single-profile-page .header .info{width:100%;max-width:none;margin-top:1rem}.single-profile-page .header .info h1{font-size:3rem}.single-profile-page .header .info p,.single-profile-page .body h2,.single-profile-page .body h3,.single-profile-page .body p{font-size:1.6rem}.single-profile-page .body ul.skills{grid-template-columns:1fr}}@media screen and (max-width:425px){.header{flex-direction:column;align-items:center}.header .image-container{width:100%}.header .image-container:after{background:linear-gradient(180deg,#0000 0%,#0005 50%,var(--background)95%)}.header .info{width:100%;max-width:none;margin-top:1rem;padding:0!important}.header .info h1{font-size:3rem}.header .info p{font-size:1.6rem}.body{width:100%}.body ul.skills{padding:0!important}}