:root::-webkit-scrollbar{display:none}:root{--width: 100;-ms-overflow-style:none;scrollbar-width:none}html,body,:root{margin:0;padding:0;background:#000;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}.center-elements{display:flex;justify-content:center;align-items:center;flex-direction:column}header{width:100%;padding:25px auto;background:linear-gradient(to bottom,#000,#0f0f0f);display:flex;justify-content:center;align-items:center;padding:15px 0;box-shadow:0 -1px 10px gray;z-index:0}header button{background:transparent;border:none}header button:focus{outline:none}header button:active i{color:#e85e46}header i{color:#e9dac1;font-size:1.5rem;margin-inline:10px}header>*:first-child{position:absolute;left:20px}main{--computed-width: 400px;width:calc(1% * var(--width));background:#f1f1f1;box-shadow:0 1px 10px gray}section{width:100%}section:first-child{background:#0f0f0f;padding:5%;z-index:900;box-shadow:0 1px 20px #0f0f0f}a{text-decoration:none}:where(section:first-child *){color:#f1f1f1cc;font-size:min(calc(.03 * var(--computed-width) * 1px),1.5rem)}section:first-child>div{width:min(100%,700px);display:flex;align-items:center;justify-content:space-between}section:first-child>div *{font-size:min(calc(.028 * var(--computed-width) * 1px),1.5rem)!important}h1{font-size:min(calc(.05 * var(--computed-width) * 1px),3rem);color:#f1f1f1;margin-bottom:1rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}h5{font-size:min(calc(.02 * var(--computed-width) * 1px),1rem)}section:last-child{padding:3%}:where(section:last-child *){font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:min(calc(.025 * var(--computed-width) * 1px),1.5rem)}.title{background:#0f0f0f;color:#f1f1f1cc;font-size:min(calc(.035 * var(--computed-width) * 1px),1.5rem)!important;padding:min(3%,10px) min(1.5%,5px);box-shadow:3px 3px gray;margin:5px 0;font-family:Courier New,Courier,monospace!important;text-align:center;width:min(calc(.37 * var(--computed-width) * 1px),16rem)}div:nth-child(4) .title,div:nth-child(5) .title{width:min(calc(.22 * var(--computed-width) * 1px),10rem)}.title:active{filter:invert(100%)}.title+div{width:calc(100% - 25px);margin-left:3%;overflow:hidden;flex-direction:row;justify-content:space-between}.toggle-window+div{height:0px}div:nth-child(2) .title+div:nth-child(2) div{text-align:center}.title+div:nth-child(2) h1{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}div:nth-child(2) .title+div:nth-child(2) div:nth-child(2){background:#0f0f0f;height:min(calc(.1 * var(--computed-width) * 1px),5rem);width:2px;margin:5px}div:first-child .title+div{text-align:justify}p>span:first-child{width:40%;display:inline-block}.work-experience p>span:first-child{width:50%}ul{margin-left:5%}li{list-style-type:circle;font-size:min(calc(.02 * var(--computed-width) * 1px),1.3rem);letter-spacing:-.25px}.projects>div *:not(li,ul){display:inline-block;color:#000}.projects>div:not(:last-child) a{width:min(calc(.43 * var(--computed-width) * 1px),26rem);display:flex;align-items:center}.projects>div:not(:last-child) h3{flex:1 1 auto;text-align:justify;text-align-last:justify;width:100;margin-right:.5ch}@keyframes fadeIn{to{opacity:1}}@media (hover: hover) and (pointer: fine){.title:hover{filter:invert(100%)}}