*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#b0c4de;padding:2rem;width:100%;text-align:center}body{padding-top:50px;padding-bottom:30px}h1{font-size:3.2em;line-height:1.1}h2{margin-bottom:10px}#nav-bar{position:fixed;top:0;left:0;right:0;width:100%;overflow:hidden;background-color:#20b2aa;padding:14px 16px}#nav-bar li{float:center;display:inline;text-align:center;padding:3%;text-decoration:none}#nav-bar :hover{color:#0f0;background-color:#111}footer{position:fixed;bottom:0;left:0;right:0;width:100%;overflow:hidden;background-color:#20b2aa;padding:14px 16px}footer li{display:inline;padding:3%}footer :hover{color:#0f0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#0f0;cursor:pointer;transition:border-color .25s;margin-top:10px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#CVButton{margin:30px}.project{object-fit:cover;width:100%;height:100%;display:block;flex-shrink:0;flex-grow:0;margin-top:20px;padding:10px;border:solid 1px blue}.project h3{background-color:red}#home-section{padding-top:10px;padding-bottom:5px;text-align:left}#home-section ul{list-style-type:none}.skills{object-fit:cover;width:100%;height:100%;display:block;flex-shrink:0;flex-grow:0;border:solid blue}