*{box-sizing:border-box}:root{--darkBlue: #1d4e89;--links: rgb(0, 217, 255);--liteBlue: rgb(175, 243, 255);--white: #ffffff;--liteGray: #e1e1e1}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;color:var(--white);background-color:var(--darkBlue)}p,li{font-size:larger}.navbar-link:not(.is-arrowless):after{border-width:5px}#about{padding-bottom:50px}#contactForm{text-align:center;display:block;color:var(--liteBlue);border:3px solid var(--liteBlue);width:fit-content;margin:3% auto;padding:10px;transition-duration:.5s}#contactForm:hover{background-color:var(--liteBlue);color:var(--darkBlue);transform:scale(1.15)}section{width:100%;padding:3% 5%}section h1{padding:1rem 0}#photo{margin:auto 0}#quickContact{max-width:600px;margin:auto}#quickContact .column{display:flex;justify-content:center;align-items:center;text-align:center}.socialMedia{height:auto}#headshot img{width:80%;height:auto;margin:auto;box-shadow:0 5px 18px var(--liteGray)}footer{background-color:var(--liteGray);height:fit-content;padding:2vw 30vw}h1,section h2,#about h2,.project h3,.project h2,li strong{color:var(--liteBlue)}strong{color:var(--white)}.project{height:fit-content}.project img{height:100%}iframe{height:300px}iframe,.project img{max-height:300px}footer h1,footer h2{color:#4a4a4a}input,textarea{width:100%;padding:.5rem}footer form{height:fit-content;margin-bottom:.5rem}footer h2{margin-top:15px}button{padding:15px;width:30%}footer button{margin:0 35%}.columns{margin-top:0}.columns:last-child{margin-bottom:0}.project a:first-of-type:has(img){display:flex;justify-content:center;align-items:center;margin:0 auto}.project a{color:var(--links)}.project a:hover,.project a:visited{color:#90b2ff}.collapsible:after{content:"+";color:#fff;font-weight:700;float:right;margin-left:8px}.active:after{content:"−"}.collapsible{background-color:transparent;color:#fff;cursor:pointer;padding:0;width:fit-content;margin-right:auto;border:none;text-align:left;outline:none}.active,.collapsible:hover{color:var(--liteBlue)}.content{color:#fff;padding:0;overflow:hidden;transition:max-height .5s ease-out}.content h4{color:#fff}.skill{margin:.75rem}.skill hr{width:70%;margin:3% auto}.skillset{padding:0;background-color:var(--darkBlue);text-align:center}@media screen and (max-width:767px){footer{padding:2vw 5vw}}@media screen and (min-width:768px)and (max-width:1023px){footer{padding:2vw 15vw}}@media screen and (min-width:1024px){footer{padding:2vw 30vw}}