:root{--window-border-radius:15px;--window-border-width:5px;--window-bar-height:45px;--icon-size:40px;--primary-color:#c5ddf0;--primary-color-highlight:#95b2c9;--secondary-color:#98d4ff;--tertiary-color:#44b4fa;--tertiary-color-highlight:#3399d8}*{margin:0;font-family:Varela Round}html{overflow-y:hidden}body{background-image:url(/backgroundImage.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;overflow:hidden}a{letter-spacing:.65px;font-weight:600;transition:color .3s}a:visited{color:#00e}a:hover{color:#006fee}.centeredText{text-align:center}div.splitSection{grid-template-rows:1fr;grid-template-columns:50% 50%;width:100%;height:100%;display:grid}div.splitSection>div:first-child{grid-column:1}div.splitSection>div:last-child{grid-column:2}div.windowContainer{width:100vw;height:100vh}div.window{background-color:var(--primary-color);border-radius:var(--window-border-radius);filter:drop-shadow(3px 3px 7px #000);position:absolute}div.window.w-45{width:45vw}div.window.w-50{width:50vw}div.window.w-60{width:60vw}div.window.h-45{height:45vh}div.window.h-55{height:55vh}div.window.h-60{height:60vh}div.topBar{background-color:var(--tertiary-color);height:var(--window-bar-height);border-top-left-radius:var(--window-border-radius);border-top-right-radius:var(--window-border-radius);border:solid var(--window-border-width) var(--tertiary-color-highlight);justify-content:space-between;align-items:center;display:flex}div.topBar>*{margin:10px}div.topBarX{cursor:pointer;padding:calc(var(--window-bar-height) - 35px);border-top-right-radius:var(--window-border-radius);margin-right:0;transition:background-color .2s,font-size .2s}div.topBarX:hover{background-color:#f72727;font-size:1.2em}div.windowPage{height:calc(100% - var(--window-bar-height) - (var(--window-border-width) * 3) - 10px);border:solid var(--window-border-width) var(--primary-color-highlight);border-bottom-left-radius:var(--window-border-radius);border-bottom-right-radius:var(--window-border-radius);scrollbar-width:none;border-top:none;padding:5px;overflow-y:scroll}div.awardNav{text-align:center;margin:10px 0}.awardNav>h3{cursor:pointer;margin:5px 15px 10px;transition:transform .2s;display:inline-block}.awardNav>h3:hover{text-decoration:underline;transform:scale(1.1)}div#iconGrid{grid-template-rows:repeat(auto-fill,minmax(75px,1fr));grid-template-columns:repeat(auto-fill,minmax(75px,1fr));grid-auto-flow:column;place-items:center;width:100vw;height:100vh;display:grid}div.icon{font-size:calc(.76 * var(--icon-size) + 3px);width:var(--icon-size);height:var(--icon-size);cursor:pointer;color:#fff;text-align:center;border:3px solid;border-radius:10px;padding:7px;transition:transform .2s}div.icon>svg{width:90%;height:90%}div.icon:hover{transform:scale(1.075)}div.icon.red{color:pink;background-color:red;border-color:#8b0000}div.icon.blue{color:#add8e6;background-color:#00f;border-color:#00008b}div.icon.green{color:#90ee90;background-color:green;border-color:#006400}div.icon.purple{color:#df83dc;background-color:#9932cc;border-color:#811db3}div.dropdown{background-color:var(--secondary-color);border-radius:5px;grid-template-rows:max-content 0fr;align-items:flex-start;margin-bottom:10px;transition:grid-template-rows .5s;display:grid;position:relative;overflow:hidden}div.dropdown:has(>input:checked){grid-template-rows:max-content 1fr}div.dropdown>input{cursor:pointer;opacity:0;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}div.dropdown>div.dropdownTitle{grid-row-start:1;grid-column-start:1;justify-content:space-between;padding:10px;display:flex}div.dropdown>div.dropdownContent{grid-row-start:2;grid-column-start:1;overflow-y:auto}div.dropdown>div.dropdownContent>*{text-align:center}div.dropdown>div.dropdownContent>img,img.projectImage,iframe.projectImage{filter:drop-shadow(3px 3px 5px #000);border-radius:10px}div.dropdown>div.dropdownContent>img{width:80%;margin-bottom:15px}div.textIcon{align-items:center;display:flex}div.textIcon>div.icon{background-color:var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;margin:10px;display:flex}div.textIcon>h3{letter-spacing:-10px;opacity:0;transition:letter-spacing .2s,opacity .2s}div.textIcon>div.icon:hover+h3{letter-spacing:0;opacity:1}#aboutImageRotation{filter:drop-shadow(3px 3px 5px #000);cursor:pointer;width:200px;transition:padding .2s}#aboutImageRotation:hover{padding:15px;animation-name:bouncy;animation-duration:1s;animation-iteration-count:infinite}img.projectImage,iframe.projectImage{width:80%;margin:7px}iframe.projectImage{aspect-ratio:16/9}img.projectImage:hover{animation-name:pulse;animation-duration:.85s;animation-iteration-count:infinite}#contactImage{filter:drop-shadow(3px 3px 5px #000);cursor:pointer;width:70%;animation-duration:.2s;animation-iteration-count:1}.contactImageAnimate{animation-name:contactImageBounce}.bouncy{animation-name:bouncy}img.centeredImage,iframe.centeredImage{margin:7px auto;display:block}@media screen and (width<=768px){body{background-image:url(/backgroundImageMobile.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;overflow:hidden}div#iconGrid{grid-auto-flow:row}div.splitSection{display:block}div.splitSection>div{margin-bottom:10px}div.splitSection.codingProject{text-align:center}div.window.w-45,div.window.w-50,div.window.w-60{width:100vw}div.window.h-45,div.window.h-55,div.window.h-60{height:100vh}}@keyframes contactImageBounce{0%{transform:scale(1)translateY(0)}40%{transform:scale(1.1,.9)translateY(0)}85%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes bouncy{0%{transform:scale(1)translateY(0)}10%{transform:scale(1.1,.9)translateY(0)}30%{transform:scale(.95,1.05)translateY(-1.15em)}44%{transform:scale(1.1,.9)translateY(.125em)}64%{transform:scale(.975,1.025)translateY(-.65em)}85%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes pulse{0%{animation-timing-function:ease-in-out;transform:scale(1)}50%{animation-timing-function:ease-in-out;transform:scale(1.05)}}