canvas{position:fixed;top:0;left:0}html{scroll-snap-type:y mandatory}body{font-family:monospace;font-size:1.1em}section{height:100vh;scroll-snap-align:start;color:#0ff;padding-top:20px;overflow-y:hidden}.title,.position,.program,.sub-heading,.project-name,.award-name{color:#ffc}.school{color:#fff}.duration,.company,.date,.grade,.place{color:#f0f}.emphasize{color:#fcf}main{position:absolute;width:45%}@media only screen and (max-width: 600px){main{width:95%}}nav{position:fixed;top:0;left:0;width:99%;height:15px;background-color:#111;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;z-index:2}nav ul{list-style:none;display:flex;margin:10px;padding:0}nav ul li .btn{margin-right:10px}.nav-btn{background-color:transparent;border:none;color:#fff;cursor:pointer;font-weight:700;transition:color .1s ease-in-out}.nav-btn:hover{color:#fc0}.social-icon{margin-left:10px}a:hover{color:#fc0}a{text-decoration:none;color:#fff}summary{color:#fff}summary:hover{color:#fc0}body::-webkit-scrollbar{display:none}nav::-webkit-scrollbar{display:none}body,nav{-ms-overflow-style:none}html,nav{scrollbar-width:none}details{margin-top:8px}.position,.project-name,.award-name{display:inline}.description{margin-left:20px}