@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Josefin_Sans.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary:#99cc33;--primary-transparent:#99cc33CC;--light:#E2E3E4;--dark:#444444;--background:#343a40}html,body{margin:0;padding:0;font-size:24px;font-family:'Josefin Sans',sans-serif;font-style:normal;scroll-behavior:smooth;color:var(--light,white);background-color:var(--background,black)}p{line-height:30px}main{margin:0 auto;padding:0;overflow:auto}main,header div{max-width:1280px}ul{list-style-type:none;text-align:center;margin:0 auto;padding:0}h1,h2,h3,h4,h5,h6{color:var(--primary,white)}h1,h2,h3{font-size:30px}::selection{color:var(--background,black);background:var(--primary,white)}::-moz-selection{color:var(--background,black);background:var(--primary,white)}#logo-container{fill:var(--primary,white);margin:0 auto;padding:70px 0 0;width:50vmin}h1{color:#fff;text-align:center;display:flex;justify-content:center;align-items:center}header{position:fixed;box-sizing:border-box;width:100%;background-color:var(--background,black);box-shadow:0 0 12px #000}header div{display:flex;margin:0 auto;height:70px;padding:0 20px;justify-content:space-between}#top-bar{padding:0;margin:0;flex:1}nav{flex:2;padding-left:20px;display:flex;justify-content:center;flex-direction:column}nav ul,header div{box-sizing:border-box;width:100%;display:flex;flex-direction:row;align-items:stretch}nav ul{justify-content:space-around}nav ul li a{text-decoration:none;color:#fff}nav ul li a:hover{color:var(--primary,white)}#return{display:none;line-height:1.4;position:fixed;bottom:10px;right:10px;border-radius:48px;font-size:60px;text-align:center;width:48px;height:48px;text-decoration:none;color:var(--background,black);background-color:var(--primary-transparent,#FFFFFFCC)}a.anchor{display:block;position:relative;visibility:hidden}.icon{transform:none;box-shadow:none;margin:0;padding:0;width:64px;fill:var(--light,white);background-color:#fff0}.icon:hover{cursor:pointer;fill:var(--primary)}#icon-link-container{margin-top:25px;display:flex;flex-direction:row;justify-content:center}a.iconLink{padding:0;margin:5px;background-color:#fff0}a.iconLink:active{background-color:#fff0;box-shadow:none}.content{margin:0 7.5%;flex-direction:column;display:flex;justify-content:center;align-items:center;text-align:center;min-height:100vh}main .content{margin:70px 7.5% 0;min-height:calc(100vh - 70px)}.card-display,.card-shelf,.skill-display{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:20px}.card-shelf,.skill-display{flex-direction:row}.skill-display{width:100%;gap:50px}.card{flex:1;display:flex;flex-direction:column;text-align:left;box-sizing:content-box;border-top:5px solid var(--primary,white);padding:20px;border-radius:10px;background-color:var(--background,black);box-shadow:0 0 12px #000}.card h4{text-align:left;color:var(--light,white);padding:0;margin:0}.card .button{margin-top:auto}#projectsLink{margin-top:20px;border:1px solid var(--primary,white);color:var(--primary,white)}h1>a{text-decoration:none;color:var(--light,white)}.button{display:block;box-sizing:border-box;border:1px solid var(--light,white);color:var(--light,white);border-radius:10px;padding:10px;text-decoration:none;text-align:center;width:100%}#email{width:148px}.button:visited{color:var(--light,white);background-color:#fff0}.button:hover,.button:active{background-color:var(--light,white);color:var(--background,black)!important;border-color:var(--light,white)!important}footer{text-align:right;font-size:12px;font-weight:lighter;margin:0 0 10px;padding:0 10px}.skill{flex:1 1 0%}.skill ul li{padding:10px 0}.skill>ul>li:not(:last-child){border-bottom:1px solid var(--dark,black)}#toggle{cursor:pointer;display:none;flex-direction:column;justify-content:center;background:none;border:none}.toggle-icon{width:30px;height:25px;position:relative;transition:.5s ease-in-out}.toggle-icon span{background:var(--primary,white);display:block;position:absolute;height:3px;width:100%;border-radius:10px;opacity:1;left:0;transition:250ms ease-in-out}.toggle-icon span:nth-child(1){top:0}.toggle-icon span:nth-child(2){top:10px}.toggle-icon span:nth-child(3){top:20px}.toggle-icon.open span:nth-child(1){top:11px;transform:rotate(45deg)}.toggle-icon.open span:nth-child(2){opacity:0}.toggle-icon.open span:nth-child(3){top:11px;transform:rotate(-45deg)}@media screen and (max-width:700px){h1{font-size:26px;width:100%}header{position:relative;box-shadow:none;height:auto}header>div{min-height:70px;flex-direction:column}nav{padding:0;margin-top:20px}nav ul{overflow:hidden;transition:height 250ms;flex-direction:column}nav ul li{margin:10px 0}#return{display:block}main .content{margin:0 7.5% 70px;min-height:100vh}}@media screen and (max-width:850px){.card-shelf,.skill-display{flex-direction:column}}