*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:var(--color-secondary)}:root{--color-primary: hsl(218, 50%, 10%);--color-pre-primary: hsl(218, 50%, 15%);--color-secondary: hsl(218, 50%, 90%);--color-tertiary: hsl(278, 80%, 80%);--color-accent: hsl(158, 80%, 80%)}body{margin:0;padding:0;height:100vh;background-color:var(--color-primary)}h1{padding-bottom:1rem;color:var(--color-tertiary)}p{padding-bottom:8px}.layout{display:flex;flex-direction:column;align-items:center;height:100vh}.toggleContainer,.nav,.intro_container,.iconBar{flex:0 0 auto;width:50%}.iconBar{padding-top:1.75rem;margin-top:none;display:flex;flex-direction:row}.icons{fill:var(--color-accent)}.resumeDownload{color:var(--color-accent);background-color:var(--color-primary);border:3px solid var(--color-pre-primary);border-radius:20px;display:flex;vertical-align:middle;align-items:center}.resumeIcon{padding:.27rem;display:flex;flex-direction:row;vertical-align:middle}.resumeText{font-size:medium;align-items:center;padding-bottom:0;padding-top:7px;padding-right:.25rem;color:var(--color-accent)}.icons :hover{fill:var(--color-secondary);cursor:pointer}.nav{padding:1rem;margin-bottom:.25rem;margin-top:1rem}.nav_elements{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row}.nav_button{margin-right:2rem;text-decoration:none}.nav_button :hover{color:var(--color-accent);cursor:pointer;font-size:large}.intro_container{padding-top:2rem;padding-left:1rem;padding-right:1rem;padding-bottom:none;display:flex;flex-direction:row}.Hero_text_container{vertical-align:middle}.Hero_image_container{overflow:hidden;padding-left:5rem;padding-right:.25rem;border-radius:150px;padding-bottom:1rem}.HeroImage{border-radius:150px}.toggleContainer{display:flex;flex-direction:column;padding-right:1rem;padding-left:1rem;padding-top:0;margin:1rem}.toggleButtons{flex:auto;display:flex;flex-direction:row;border-radius:20px;background-color:var(--color-pre-primary)}.toggleButton{padding:.5rem;background-color:var(--color-tertiary);color:var(--color-primary);border:none;padding-right:none;font-size:16px;cursor:pointer;font-weight:700}.toggleButtons .toggle-active{background-color:var(--color-pre-primary);color:var(--color-tertiary);cursor:default}.toggleBox{flex:auto;margin-top:1%;border-radius:20px;border:3px solid var(--color-pre-primary)}.textbox{padding:1rem;margin:1rem}.Project-page{display:flex;flex-direction:column;flex:100%}.Project-row{display:flex;flex-direction:row;margin-top:1rem;border-radius:20px;border:3px solid var(--color-pre-primary)}.Project-card{padding:1rem;margin:1rem}.Project-card p{font-size:larger}@media screen and (max-width: 600px){.toggleContainer,.nav,.intro_container,.iconBar{flex:0 0 auto;width:70%}.intro_container{flex-direction:column-reverse}.Hero_image_container{margin-top:.5rem;padding-left:0;padding-bottom:.5rem}.Hero_text_container h1{text-align:center;margin-top:1rem;margin-bottom:1rem}.Project-row{flex-direction:column}.iconBar{padding-top:1rem;padding-bottom:1rem}}