@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Scheherazade:ital,wght@0,400;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300&display=swap);:root{--pad:10px;--sml-marg:16px;--big-marg:40px;--ff:Nanum Myeongjo,serif;--p-fs:16px;--project-width:140px}*{margin:0;padding:0;box-sizing:border-box;letter-spacing:0}body{font-family:'Nanum Myeongjo',serif;font-size:18px;line-height:20px;transition:left .2s,margin .2s;letter-spacing:-2px;background:#f5f5f5;background-attachment:scroll;background-repeat:no-repeat;height:100%;color:#000}.sections-container{display:flex;justify-content:center}h1{font-family:'Nanum Myeongjo',serif;font-style:italic;font-weight:500;font-size:30px;letter-spacing:-2px;color:#000}h2{font-size:23px;font-weight:500;margin:0 0 20px 0;letter-spacing:-1.2px;font-family:'Nanum Myeongjo',serif;color:grey}#scores-title{margin:50px 0 20px 0}p{font-size:var(--p-fs);letter-spacing:0;color:#000}h3{font-size:17px;letter-spacing:0;font-family:'IBM Plex Sans';background-color:#f5f5f5;color:#000}h3:hover{font-size:15px;font-style:italic;color:red}.header-container{width:100%;display:flex;justify-content:center}a:link{color:grey}a:visited{color:grey}header{position:fixed;top:0;width:100%;background:#f5f5f5;padding:20px 20px 40px 20px;box-shadow:-20px 10px 20px 40px #f5f5f5;z-index:8;max-width:px}.sections{padding:140px 0 0 0;width:100%;max-width:1080px}#header-text{padding:20px;width:320px;transition:padding .2s}#header-text p{font-size:14px;text-align:end;margin:10px 20px 0 0}.header-image-container{height:550px;overflow:hidden;transition:height .2s}#header-image{position:relative}#header-image img{position:absolute;transition:opacity 1s;width:100%;border:#000 1px solid}#header-image img+img{opacity:0}.nav-container{height:100vw;width:100%;bottom:0;top:104px;right:10px;position:absolute;transition:height .2s,top .2s,right .2s}.nav-top{height:20px}nav{position:absolute;right:0;bottom:0;color:#000;display:flex;align-items:center;z-index:3;transition:margin .2}.nav-button-container{display:flex;justify-content:center;align-items:center;height:40px;width:60px}.nav-slash{margin:0 5px}nav button{background-color:transparent;font-family:'Nanum Myeongjo',serif;color:grey;cursor:pointer;transition:all .1s;font-size:20px;font-weight:100;border:none;outline:0;font-style:none;height:40px;width:60px}nav button:hover{font-size:18px;font-style:italic}nav button:focus{font-size:18px;font-style:italic}.link:hover{opacity:.5}.body:hover{font-weight:800}.sections{position:relative;margin:60px 0}.section{overflow:hidden;padding:0 10px;transition:padding .5s,height .7s;position:relative}.center{display:block;margin-left:auto;margin-right:auto}.who{height:1800px;padding:0 10px;max-width:600px}.what{margin:0;height:1700px}.how{height:300px;padding:0 10 0 0}.hidden{height:0}#who-text{margin:0 0 var(--big-marg)}.who-title{text-decoration:underline;cursor:pointer;color:#000}.who-title:hover{font-weight:bolder}#who-image{width:100%;border:#000 1.5px solid;display:block;margin-left:auto;margin-right:auto;width:80%}#cal-image{width:100%;border:#000 1.5px solid;display:block;margin-left:auto;margin-right:auto;width:80%}.artist-container{display:flex;max-width:530px}.artist{width:60%;font-weight:700}.projects{width:60%;padding:0}.project{margin:0 0 20px 0;position:relative}.project-title{text-decoration:underline;cursor:pointer;color:#000}.project-credits{font-style:italic;display:block}.project-credits{display:inline-block}.project-credits,.project-title{position:relative}.project-credits,.project-title{z-index:1}.project-art{width:250px;position:absolute;left:60px;top:62px;opacity:0;transition:opacity .3s;z-index:1;display:none;border:#000 1.5px solid}.project-title:hover{font-weight:700;font-style:italic}.project-title:hover,.project-title:hover~div .project-credits{z-index:5}.project-title:hover+.project-art{opacity:1;z-index:6}#cv-container{margin:10px 0}@media (min-width:375px){.who{max-height:5000px}.what{max-height:2000px}}@media (min-width:550px){#header-image-container{max-height:0}.nav-container{height:30px;right:40px}.project-art{display:flex}}@media (min-width:600px){.section{width:600px;margin:0 auto}h1{padding-left:50px}@media (min-width:1000px){#header-text{padding:60px 10px 10px 100px;width:500px}.nav-container{top:144px;right:190px}h1{padding-left:80px}.who{margin:10px auto}}}