:root{--bgLight: hsl(204, 100%, 97%);--bgEdgeLight: hsl(204, 100%, 88%);--textLight: hsl(204, 100%, 10%);--textHoverLight: hsl(204, 38%, 44%);--textDisabled: hsl(0, 0%, 44%);--bgMain: hsl(0, 0%, 100%);--bgHoverMain: hsl(204, 100%, 93%);--bgBorder: hsl(204, 100%, 83%)}:root[dataTheme=dark]{--bgLight: hsl(204, 100%, 3%);--bgEdgeLight: hsl(204, 100%, 8%);--textLight: hsl(204, 100%, 90%);--textHoverLight: hsl(209, 38%, 66%);--textDisabled: hsl(0, 0%, 66%);--bgMain: hsl(0, 0%, 0%);--bgHoverMain: hsl(204, 100%, 7%);--bgBorder: hsl(204, 100%, 50%)}.page{display:flex;flex-direction:column;min-height:100vh;justify-content:flex-start}.page .footer{margin-top:auto}*{box-sizing:border-box;margin:0;padding:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body{background-color:var(--bgLight);color:var(--textLight)}body .midPage{background-color:var(--bgLight)}.ml20{padding-left:20px}.decLess{list-style:none;cursor:pointer}.inUP{cursor:default!important;color:var(--textDisabled)}.nav{display:block;font-size:3em;text-align:center;padding-left:0;background:linear-gradient(var(--bgEdgeLight),var(--bgLight))}.nav li{cursor:pointer}.footer{background:linear-gradient(var(--bgLight),var(--bgEdgeLight))}.link{color:var(--textLight);text-decoration:none}.link:hover{color:var(--textHoverLight);cursor:pointer!important}.clear:hover{color:var(--textHoverLight)}#upArrow{position:fixed;right:20px;bottom:20px;background-color:var(--bgLight);border-radius:50%;cursor:pointer}#gitLink{text-decoration:none;color:var(--textLight)}#gitLink:hover{color:var(--textHoverLight)}@media screen and (min-width:1220px){.nav{display:flex;justify-content:flex-start;align-items:center;padding-left:20px}.nav li{margin-right:20px;cursor:pointer}.nav li:not(#nav3):after{content:" " url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%20fill='gray'%20class='bi%20bi-arrow-right'%20viewBox='0%200%2016%2012'%3e%3cpath%20fill-rule='evenodd'%20d='M1%208a.5.5%200%200%201%20.5-.5h11.793l-3.147-3.146a.5.5%200%200%201%20.708-.708l4%204a.5.5%200%200%201%200%20.708l-4%204a.5.5%200%200%201-.708-.708L13.293%208.5H1.5A.5.5%200%200%201%201%208'/%3e%3c/svg%3e")}}.main{width:100%;display:grid;grid-template-columns:32% 32% 32%;justify-content:space-evenly}.main aside{align-self:flex-end}.main article{height:fit-content}aside,section,article{text-align:center;padding:8px;border:2px solid var(--bgBorder);border-radius:8px}aside #toComments:hover,section #toComments:hover,article #toComments:hover{cursor:pointer}#art img{border-radius:100%;width:100%;aspect-ratio:1/1;max-width:400px;box-shadow:0 0 5px var(--bgBorder),0 0 10px var(--bgBorder)}@media screen and (max-width:1220px){.main{grid-template-columns:96%}aside,section,article{margin:8px 0}aside{order:2}section{order:1}article{order:0}}#funProjects,#learningProjects,#workProjects{text-align:center;padding:8px;border:2px solid var(--bgBorder);border-radius:8px}.projectsContainer{display:grid;grid-template-columns:32% 32% 32%;justify-content:space-evenly}#projects{display:flex;flex-wrap:wrap;overflow:hidden;justify-content:space-evenly;align-items:center}#projects li{border:2px solid var(--bgBorder);border-radius:20px;width:20%;min-width:100px;aspect-ratio:3/1;text-align:center;padding:40px 0;font-size:1.8em;margin:5px}#projects li:hover{transition:.2s;cursor:pointer;background-color:var(--bgHoverMain)}#projects li:hover a{color:var(--textLight)}@media screen and (max-width:1220px){.projectsContainer{display:grid;grid-template-columns:95%;justify-content:space-evenly}#funProjects,#learningProjects,#workProjects{margin:20px 0}#projects{display:block;overflow:hidden}#projects li{width:95%;padding:80px 0}}header{z-index:1}.cards{width:90%;overflow:hidden;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-evenly}.img-container img{width:95%;border-radius:10px}.img-container{overflow:hidden;margin:0 auto;transition:.5s ease}.cards a{width:48%;height:auto;margin:10px;font-size:2em;color:var(--textLight);text-decoration:none;display:block;background-color:var(--bgMain);border:2px solid var(--bgBorder);border-radius:20px;text-align:center;transition:.2s ease;padding-top:10px}.cards a:hover{background-color:var(--bgHoverMain)}@media screen and (max-width:700px){.cards a{width:95%}}.commentPage{padding:20px}.commentForm .nameInput{width:250px;padding:4px}.commentForm .commentInput{max-width:60%;max-height:400px;width:60%;padding:4px}.commentForm>*{margin-top:4px;border:2px solid var(--bgBorder);border-radius:8px;background-color:var(--bgMain);color:var(--textLight)}.commentForm>*:hover{color:var(--textHoverLight)}.commentForm .commentFormSubmitButton{padding:8px}.commentForm .commentFormSubmitButton:hover{background-color:var(--bgHoverMain);color:var(--textHoverLight)}.commentsContainer{max-height:600px;width:90%;overflow-y:scroll;overflow-wrap:normal;padding:8px;font-size:.9em;margin:0 auto;border:2px solid var(--bgBorder);border-radius:8px;background-color:var(--bgMain)}.commentsContainer li{margin-bottom:12px;list-style:none}@media screen and (max-width:700px){.commentPage{padding:8px}.commentForm{text-align:center}.commentForm .nameInput{width:95%;padding:4px}.commentForm .commentInput{resize:none;height:300px;width:95%;padding:4px;max-width:none;max-height:none}.commentForm>*{margin-top:4px}.commentForm .commentFormSubmitButton{padding:8px;width:95%}.commentsContainer{width:95%;padding:4px;font-size:1em;text-align:center;margin:0 auto}.commentsContainer li{margin-bottom:8px}}