.add-ternary{color:#bcbcbc !important}*{margin:0;padding:0;margin-block:0;margin-inline:0;box-sizing:border-box}html,body{width:100vw;font-family:"Roboto",sans-serif;color:#000;background-color:#f0f0f0}a{text-decoration:none}h1{font-size:2.8rem;line-height:3rem;margin-bottom:.5em}h2{font-size:1.8rem;line-height:2rem;margin-bottom:.5em}p{font-size:1rem;line-height:1.5em}img{width:100%;margin:.7em 0}ul{list-style:none;list-style-type:none}li{font-size:1rem;line-height:1.5em}header{position:fixed;z-index:2}header div{position:fixed;width:100vw;display:flex;top:0;left:0;padding:var(--margin-body);flex-direction:row;justify-content:space-between}header button{position:fixed;bottom:var(--margin-body);right:var(--margin-body);border:0;background-color:inherit;cursor:pointer}#logo{cursor:pointer;color:#000}nav ul{display:inline-flex}nav li{margin:0 .5em;cursor:pointer}nav a{color:#000}main{padding:var(--padding-main);position:relative;z-index:1}section{display:grid;margin-bottom:5em}footer{background-color:#000;color:#fff;width:100%;padding:var(--margin-body);position:fixed;bottom:0;z-index:-1}footer h1{margin-bottom:1em}footer span{display:block;height:2em}footer a{font-size:1rem;color:#fff;display:inline}@media only screen and (min-width: 700px){:root{--margin-body: 40px;--padding-main: 20svh 15vw;--padding-main-side: 30vw}html{font-size:16px}header>div{background-color:rgba(240,240,240,0)}section{grid-template-columns:repeat(2, 1fr);grid-column-gap:5em}footer>p:last-child{position:absolute;bottom:var(--margin-body);right:var(--margin-body)}#index{margin:50vh 0 30vh 0}#index ul{display:grid;grid-template-columns:repeat(8, 1fr);gap:20em 2.5em}#index li{height:80svh}#index #bg>h1{font-size:5rem;line-height:5rem}.content-nav{grid-row-gap:0}#me div{height:100%;grid-area:1/2/4/3;margin-bottom:2.5em}#me p{grid-area:2/1/3/2}}@media only screen and (max-width: 700px),only screen and (orientation: landscape)and (max-width: 900px){:root{--margin-body: 30px;--padding-main: 15svh 8vw;--padding-main-side: 16vw}html{font-size:14px}header>div{background-color:#f0f0f0}section{grid-template-columns:1fr;grid-column-gap:0}footer>p:last-child{position:relative}#index{margin:70svh 0 10vh 0}#index ul{display:flex;flex-direction:column;gap:0}#index li{height:70vw}#index #bg>h1{font-size:3.5rem;line-height:3.5rem}.content-nav{grid-row-gap:7.5em}#me div{height:30svh;grid-area:2/1/3/2;margin-bottom:2.5em}#me p{grid-area:3/1/4/2}}#preload{position:absolute;width:100vw;height:100svh;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:3}#preload div{height:3px;width:200px;background-color:#e2e2e2}#preload div div{width:0px;background-color:#bcbcbc}#index li{display:flex;justify-content:center;align-items:center}#index img{margin:0}#bg{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100vw;height:90svh;z-index:0;pointer-events:none}#bg h1{height:100%;width:calc(100vw - var(--padding-main-side));hyphens:auto;display:flex;justify-content:center;flex-direction:column;align-items:center;text-transform:uppercase;text-align:center;color:#000;font-weight:300}.content{position:absolute;user-select:none;z-index:2}.content h1{opacity:0}.content img{cursor:pointer}.content p{opacity:0;margin-top:.5em}.description h1{grid-area:1/1/2/2}.description h2{grid-area:2/1/3/2}.description p{grid-area:3/1/4/2}.description img{width:70% !important;margin:auto;grid-area:1/2/4/3}.content-nav{margin:10em 0 5em 0;text-align:center}.content-nav a{color:#000}.content-nav div:first-child{grid-area:1/1/2/2}.content-nav div:last-child{grid-area:1/2/2/3}.content-nav img{width:90%}#me div{background-image:url("../assets/about/me.jpg");background-size:cover;background-position:center;width:100%}.runway{display:block}.runway li{display:flex;align-items:center;margin:1em 0}.circle{width:.75em;height:.75em;border-radius:50%;background-color:#bcbcbc;margin-right:1em}.line{position:absolute;background-color:#bcbcbc}.list{display:block}.list ul{display:flex;flex-direction:row;flex-wrap:wrap;transform:translate(-1.25em, -0.5em)}.list li{display:flex;margin:1em;flex-direction:column;align-items:center;text-align:center}.list img{width:5em}/*# sourceMappingURL=index.css.map */