:root{--text-color: #e8eeec;--background-color: #111715;--primary-color: #b5c8c1;--secondary-color: #424f59;--accent-color: #6f7b95}.lightmode{--text-color: #111715;--background-color: #e8eeec;--primary-color: #364942;--secondary-color: #a7b4be;--accent-color: #6a7690}*{margin:0;padding:0;font-family:Andale Mono,monospace!important;color:var(--text-color)}body,body.lightmode{min-height:100vh;background-color:var(--background-color)}nav{height:6rem;top:0;position:sticky;grid-area:navbar;background-color:var(--secondary-color);display:flex;align-items:center;padding:.25rem}p{font-size:1.5rem}a:link{color:var(--primary-color)}a:visited,a:hover{color:var(--accent-color)}main{grid-area:main;flex:1}footer{position:fixed;bottom:0;width:100%;background-color:var(--secondary-color);padding:2em 1em 1em;z-index:1;margin-top:0}h4{color:var(--accent-color)}li{outline:var(--secondary-color) thin solid;border-radius:5px;padding:1vw;margin:1vw;margin-bottom:2vh}ul{list-style:none}.scrollablestaticdiv{outline:var(--secondary-color) thin solid;width:flex;margin-right:1vw;margin-left:1vw;border-radius:5px;padding:1%}.button{width:16.66vw;height:8vh;font-size:100%;border-radius:5px;border:0px;background:var(--accent-color);margin-left:.1vw;margin-bottom:0;cursor:pointer}.button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.button span:after{content:"»";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.button:hover span{padding-right:25px}.button:hover span:after{opacity:1;right:0}.buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.App{min-height:100vh;display:flex;flex-direction:column;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"navbar" "main" "footer"}.profilepicture{height:6rem;width:6rem;border-radius:50%;object-fit:cover}.wave{width:100%;height:100px;overflow:hidden;line-height:0;position:absolute;top:-1em;left:0;z-index:2;pointer-events:none}@media(min-width:1200.01px){body,body.lightmode{overflow:hidden}.headerparent{display:flex;align-items:center;width:100%}.headerdiv1{display:flex;align-items:center;justify-content:right;margin-left:5%}.headerdiv2,.headerdiv3,.headerdiv4{margin-left:3rem;display:flex;flex:1;justify-content:center;gap:1rem}.bodyparent{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(10,1fr);gap:2rem;margin:3rem;margin-left:5%}.aboutme{grid-area:1 / 1 / 5 / 2;font-size:125%}.calendar{grid-area:5 / 1 / 11 / 2;position:relative;z-index:-1}.qualifications{grid-area:1 / 2 / 11 / 4;max-height:65vh}.scrollablestaticdiv{max-height:50vh;overflow-y:auto}}@media(min-width:600.01px)and (max-width:1200px){body,body.lightmode{overflow:hidden}.bodyparent{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1.5rem;margin:2rem;margin-left:2%}.aboutme{grid-area:1 / 1 / 2 / 2;font-size:125%}.calendar{grid-area:2 / 1 / 3 / 2;position:relative;z-index:-1}.qualifications{grid-area:1 / 2 / 3 / 3;max-height:65vh}.headerparent{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;gap:.1rem;align-items:start;width:100%;margin-left:1.3rem}.headerdiv1{grid-column:1;grid-row:1 / span 2}.headerdiv2{grid-column:2;grid-row:1 / span 2;align-self:center}.headerdiv3{grid-column:3;grid-row:1}.headerdiv4{grid-column:3;grid-row:2}.scrollablestaticdiv{max-height:55vh;overflow-y:auto}}@media(max-width:600px){.profilepicture{height:6rem;width:6rem}nav{height:6rem}p{font-size:1.2rem}.headerparent{display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(3,auto);gap:.5rem;align-items:start;width:100%;margin-left:1.3rem}.headerdiv1{grid-area:1 / 1 / 4 / 2}.headerdiv2{grid-area:1 / 2 / 2 / 3}.headerdiv3{grid-area:2 / 2 / 3 / 3}.headerdiv4{grid-area:3 / 2 / 4 / 3}.bodyparent{display:block;margin:2rem}.aboutme,.calendar,.qualifications{margin-bottom:1rem;position:relative;z-index:-1}.button{width:35vw}.buttons{gap:3rem}}.calendar-table{table-layout:fixed;border:transparent;margin-top:0%;border-collapse:separate;border-spacing:10px 0;width:100%}.calendar-table th{border-bottom:thin solid var(--primary-color);vertical-align:top;margin-bottom:1%;position:relative}.calendar-table td{vertical-align:top;border-radius:3%;border-bottom:thin solid var(--secondary-color)}.available{background:var(--primary-color);border-bottom:transparent!important}.unavailable,body.lightmode .available{background-color:var(--accent-color);border-bottom:transparent!important}body.lightmode .unavailable{background:var(--primary-color);border-bottom:transparent!important}.box{height:1rem;width:1rem;margin-left:1rem}.legend{display:flex;align-items:center;justify-content:center}#theme-switch{height:50px;width:50px;padding:0;border-radius:50%;background-color:var(--secondary-color);display:flex;justify-content:center;align-items:center;top:20px;right:20px;margin-right:1rem}#theme-switch svg{fill:var(--primary-color)}#theme-switch svg:first-child{display:none}.lightmode #theme-switch svg:last-child{display:none}.lightmode #theme-switch svg:first-child{display:block}.centered{width:100%;text-align:center;margin:.1rem}