*{margin:0;padding:0;box-sizing:border-box;font-family:hanken grotesk,sans-serif;color:var(--text-color)}:root{--primary-color: black;--secondary-color: rgb(255, 157, 174);--tertiary-color: gray;--text-color: rgb(255, 252, 248);--secondary-hover: rgba(216, 122, 138, .9)}#root{width:100%;max-width:1000px;min-height:100vh;margin:auto;line-height:1.6;padding:2rem;display:flex;flex-direction:column}body{background:#7c7b7a}h1{font-weight:700;font-size:80px;margin-bottom:5rem;color:var(--secondary-color);text-shadow:2px 2px 4px rgba(27,26,26,.7)}h3{font-size:1.2rem}h2{font-size:1.4rem}p,li{line-height:1.6}a{text-decoration:none;text-shadow:2px 2px 4px var (--primary-color)}li{list-style:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between}.faded{color:#d3d3d3e4;margin-top:5px}.background{background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100lvh;position:fixed;left:0;top:0;z-index:-1}.homepage-background{background-image:url(../daisy.jpg)}.get-to-know-me-background{background-image:url(../madrid-background.jpg)}.why-me-background{background-image:url(../korea-background.jpg)}.projects-background{background-image:url(../milles-background.jpg)}.previous-experience-background{background-image:url(../bil-background.jpg)}button{background:none;border:none}@media (max-width: 1024px){#root{max-width:810px}}@media (max-width: 768px){h1{margin:2rem 0;font-size:3.5rem}}@media (max-width: 500px){h1{font-size:2.5rem}}.skip-link{position:absolute;left:-9999px}.skip-link:focus{position:static;left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.centered{height:90%;place-self:center;align-content:center;text-align:center;margin:0 1.5rem;flex-grow:1}.name{font-size:9rem;font-weight:900;text-shadow:2px 2px 4px rgba(27,26,26,.7);margin:0}.centered p{color:var(--secondary-color);font-size:2rem;background-color:#0000008f;padding:.5rem;border-radius:20px;margin:0 1rem}@media (max-width: 1024px){.name{font-size:7rem}.centered{height:100%;padding-top:7rem}.centered p{font-size:1.5rem}}@media (max-width: 788px){.name{font-size:5rem}.centered p{font-size:1.2rem}}@media (max-width: 595px){.name{font-size:4rem}.centered p{font-size:1.2rem}}@media (max-width: 500px){.name{font-size:3rem}.centered p{font-size:1rem}}.btn{padding:1rem .5rem;border:none;border-radius:20px;background:var(--secondary-color);width:200px;display:inline-block;margin:1rem;text-align:center;box-shadow:2px 2px 4px #1b1a1ab3;text-shadow:1px 1px 1px rgba(252,108,144,.928);letter-spacing:.7px;text-transform:uppercase}.btn:hover{cursor:pointer;background:var(--secondary-hover)}.active{background:var(--secondary-hover)}@media (max-width: 768px){.btn{min-width:150px}}.header ul{display:flex}@media (max-width: 1024px){.header{display:none}}.about-me-flex-container{display:flex;justify-content:space-between;margin-right:1rem}.about-me-menu{display:flex;flex-direction:column}.button-heading{font-size:inherit;font-weight:inherit}@media (max-width: 768px){.about-me-menu{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.about-me-flex-container{flex-direction:column-reverse;justify-content:center;width:100%}}.hidden{height:1px;width:1px;opacity:0;position:absolute;top:-100px;left:-100px}@media (max-width: 540px){.about-me-menu .btn{width:100%;margin:.5rem}}.info-square{width:600px;max-height:770px;overflow:auto;background-color:#000000b1;border-radius:20px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}::-webkit-scrollbar{width:12px;height:12px;margin-right:5px}::-webkit-scrollbar-track{background:#00000078;border-radius:6px;margin:11px 0}::-webkit-scrollbar-thumb{background:#515151;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}.slideshow{position:relative;width:95%;min-height:350px;overflow:hidden;text-align:center;margin-bottom:.5rem}.slide{position:absolute;width:100%;height:100%;opacity:0;animation:fade 16s infinite}.slideshow img{width:100%;height:100%;object-fit:cover;border-radius:20px}.slide:nth-child(1){animation-delay:0s}.slide:nth-child(2){animation-delay:4s}.slide:nth-child(3){animation-delay:8s}.slide:nth-child(4){animation-delay:12s}.tag-link-icon{width:20px;height:auto}.tag-link-box{display:flex;gap:.5rem}@keyframes fade{0%{opacity:0}10%{opacity:1}30%{opacity:1}40%{opacity:0}to{opacity:0}}@media (max-width: 1024px){.info-square{width:500px;max-height:700px}}@media (max-width: 768px){.info-square{width:100%;place-self:center;max-height:fit-content}}@media (max-width: 500px){.slideshow{width:100%;min-height:200px}.slideshow img{border-radius:15px}}.tick-boxes,.goal-box{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap;justify-content:space-between}.tick-boxes img{width:15px}.goal-box{gap:2rem}@media (max-width: 500px){.tick-boxes,.goal-box{flex-wrap:nowrap;align-items:flex-end;margin-bottom:4px}.goal-box{margin-bottom:1rem}.goal-box p{line-height:1.3}}.recipe-comment{font-size:17px;font-weight:300}.info-box-overview{display:flex;gap:2rem;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;background:none;width:100%;border:none;text-align:left}.info-box-over-view-text{flex-basis:0;flex-grow:1}.info-box-overview:hover{cursor:pointer}.info-box:after{content:"";display:table;clear:both}.info-box-image{width:200px;height:100px;object-fit:cover;border-radius:20px}.info-box-details{display:inline}.info-box-details h2,.info-box-details ul{margin-bottom:2rem}.info-box-details h3{margin-bottom:1rem}.info-box-details-image{width:275px;height:auto;float:right;margin:0 10px 10px;border-radius:10px}.recipe-directions{margin-bottom:1rem}@media (max-width: 570px){.info-box-overview{flex-direction:column;gap:1rem}.info-box{width:100%;display:flex;flex-direction:column;justify-content:center}.info-box-image{margin-bottom:1.5rem}.recipe-comment{margin-bottom:0}.info-box-details-image{width:100%}}.black-back-button{background:none;border:none;width:100%;text-align:end;font-size:1.2rem}.black-back-button:hover{color:#ffffffcd;cursor:pointer}.why-me-content{display:flex;flex-direction:column;align-items:flex-end;margin-top:-4rem}.why-me-content .mobile-daisy{height:fit-content;margin-right:20%;z-index:1}.why-me-info-box{width:600px;max-height:650px;overflow:auto;background-color:#000000b1;border-radius:20px;padding:2rem 3rem;display:flex;flex-direction:column;align-items:start;gap:1rem;margin:-.8rem auto 2rem}.example{display:flex;gap:1rem;align-items:baseline;font-size:20px;margin-bottom:1rem}.example img{width:12px}.example-indentation{margin-left:3rem}.example-indentation img{width:10px}@media (max-width: 1024px){.why-me-content .mobile-daisy{width:190px;margin-top:-2rem;margin-right:5rem}}@media (max-width: 725px){.why-me-info-box{width:100%;margin:-.8rem auto 2rem;padding:2rem;max-height:fit-content}.why-me-content{margin-top:0}.why-me-content .mobile-daisy{margin-top:-3rem;margin-right:2rem;z-index:1}}@media (max-width: 515px){.why-me-content{flex-direction:column}.why-me-content .mobile-daisy{margin-right:5%;width:150px;z-index:1}h1{font-size:2.5rem!important}.example-indentation{margin-left:1.5rem}}.project-box-overview{display:flex;gap:2rem;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;background:none;border:none;text-align:left;position:relative}.project-box-overview:hover{cursor:pointer}.project-box-overview:hover .project-box-image{transform:scale(1.08)}.project-title{display:flex;gap:1rem;align-items:center}.project-title img{width:20px}.project-title-demo-link{display:flex;flex-direction:column;gap:.5rem}.tags{display:flex;flex-wrap:wrap;width:100%;align-content:flex-start}.more-about-me{display:flex;gap:1rem;flex-direction:column;text-align:center}.more-about-me h3{margin-bottom:1rem;font-size:1.4rem}.tag{background:var(--secondary-color);width:fit-content;padding:0 8px;border-radius:8px;box-shadow:2px 2px 4px #1b1a1ab3;margin:3px;font-size:14px;text-transform:uppercase;text-shadow:1px 1px 1px rgba(252,108,144,.928);letter-spacing:1.2px}.info-square-big{width:800px;max-height:650px;overflow:auto;background-color:#000000b1;border-radius:20px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.project-box-image{width:200px;height:130px;object-fit:cover;border-radius:20px;transition:transform .3s ease}.project-desctiption{font-size:1.1rem;margin-bottom:1rem}.project-link{position:absolute;width:100%;height:100%;z-index:1}@media (max-width: 1100px){.info-square-big{width:700px}}@media (max-width: 768px){.info-square-big{width:470px;place-self:center;overflow-x:hidden;max-height:fit-content}.project-box-overview{flex-direction:column-reverse;gap:.5rem}.project-title{margin-top:1rem}.project-box-image{width:400px;height:250px}}@media (max-width: 500px){.info-square-big{width:100%}.project-box-overview{align-items:center}.tags{margin-top:1rem;margin-bottom:1rem}.project-image{width:100%}.project-box-image{width:100%;height:200px}}@media (max-width: 430px){#root{padding:1rem}.project-box-image{height:160px}}.icons{display:flex;width:100%;justify-content:flex-start;gap:1rem;margin-bottom:1rem}.icons img{width:50px;height:50px}.accordion-scroll-wrapper{max-height:600px;overflow-y:auto;padding:10px}.accordion-item{margin-bottom:2px;background:#000000b1;border-radius:10px;width:600px}.accordion-title{position:sticky;top:0;z-index:2;background:var(--secondary-color);padding:10px;border:none;width:100%;text-align:left;cursor:pointer;font-size:16px;border-radius:10px;display:flex;justify-content:space-between}.accordion-title img{width:20px}.accordion h3{font-size:1.4rem}.accordion h4{font-size:1.3rem}.accordion-title:hover,.accordion-title-active{background:var(--secondary-hover)}.accordion-content{padding:10px;margin-bottom:0rem}.link-icon{width:20px;height:auto}.link-box{display:flex;gap:1rem;align-items:center}.link-box a:hover{color:var(--secondary-color);cursor:pointer}.year{margin-bottom:.5rem;font-size:1.1rem;font-weight:400}.school,.position,.language-level{font-size:1.2rem;font-weight:600}.inner-accordion{width:500px;margin-bottom:2px}.language{display:flex;width:100%;justify-content:left;gap:3rem;align-items:baseline}.language div{width:150px}.pink-link{color:var(--secondary-color)}.pink-link:hover{color:var(--secondary-hover)}.experience-project-link img{width:20px;height:20px;margin-left:10px;margin-bottom:-3px}@media (max-width: 768px){.accordion-scroll-wrapper{max-height:fit-content}.accordion-item{width:450px}.inner-accordion{width:370px}}@media (max-width: 500px){.accordion-item,.inner-accordion{width:100%}}.bm-burger-button{position:fixed;width:60px;height:60px;right:20px;top:20px}.hamburger-icon{width:100%;height:100%}.bm-burger-button:hover{opacity:.8}.bm-cross-button{height:24px;width:24px}.bm-cross{background:var(--secondary-color)}.bm-cross-button:hover{opacity:.8}.bm-menu-wrap{position:fixed;height:100%;top:0}.bm-menu{background:#000000bf;padding:2.5em 1.5em 0;font-size:1.15em;width:100%}.bm-item-list{display:flex;flex-direction:column;align-items:center;height:100%}.bm-item{display:inline-block;width:200px}.bm-overlay{background:#0003;top:0;left:0}@media (min-width: 768px){.bm-burger-button{width:80px;height:80px}}