body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
:root{--dblue:#1b4058;--lblue:#c1dbec;--white:#edf2f4;--orange:#f58f29}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none;background:linear-gradient(90deg,#002454 0%,#20538c 50%,#002454 100%);overflow:hidden scroll}.whitetext{color:var(--white)}header,h1{color:var(--white);font-family:Audiowide;font-size:40px}h2{color:var(--white);font-family:Kelly Slab;font-size:30px}p{color:var(--white);font-family:Sanchez;font-size:20px}#aboutmediv{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:10vh 5vw 5vh;display:flex}#startingtitle{text-align:center;color:var(--white);font-family:Audiowide,Times New Roman,Times,serif;position:relative;top:250px}#startingdiv{justify-content:center;align-items:center;height:800px;margin:-50px -8px;display:flex;top:50%}.buttons{position:relative;top:-20px}.buttons a{background-color:var(--white);border-radius:50px;width:10px;height:10px;margin:-50px -8px;display:inline-block;top:50%}#ablinks a{color:var(--white);float:right;border:2px solid #0000;border-radius:3px;font-family:Audiowide;text-decoration:none;transition:all .3s;display:inline}#ablinks a:hover{border-bottom:2px solid var(--orange)}.Name{float:left}.quote{color:var(--orange)}#meface{object-fit:cover;border-radius:50%;width:250px;height:250px;margin:auto}.kellyslab{color:var(--white);font-family:Kelly Slab,Arial,Helvetica,sans-serif}.pacman{z-index:5;flex-direction:column;margin:40px 10px;transition:all 7s;display:flex;position:absolute;right:-50vw}.pacman-top{transform-origin:bottom;background-color:#ff0;border-radius:200px 200px 0 0;width:400px;height:200px;animation:.5s linear infinite spin1}.pacman-bottom{transform-origin:top;background-color:#ff0;border-radius:0 0 200px 200px;width:400px;height:200px;animation:.5s linear infinite spin2}.dot{z-index:-1;background-color:#edf2f4;border-radius:50%;width:6vh;height:6vh;transition:all 3s;display:block;position:absolute;right:-10vh}@keyframes spin1{0%{transform:rotate(0)}50%{transform:rotate(35deg)}}@keyframes spin2{0%{transform:rotate(0)}50%{transform:rotate(-35deg)}}@media screen and (max-width:768px){.tech-img{max-width:30%}#technologies-div{column-count:3;flex-wrap:wrap}#startingdiv{height:50vh;margin-top:20vh}}#titlediv{text-align:center;flex-direction:row;justify-content:center;align-items:center;height:50vh;margin:10vh;padding-top:0;display:flex}#titlediv h1{margin:0;font-size:10vh}#lastname,#firstname{padding:3vw}
.topbar{background-color:#0000004d;justify-content:space-between;align-items:center;width:100%;display:flex;position:fixed;top:0;left:0}.dropdown-content{visibility:hidden;opacity:0;z-index:1;transition:visibility .5s,opacity .5s;display:none;position:absolute}.dropdown-content.show{visibility:visible;opacity:100;background-color:#f5f5f5;border-bottom-left-radius:15px;justify-content:flex-end;width:110px;padding-right:2px;transition:visibility .5s,opacity .5s linear;display:block;position:absolute;top:52px;right:0}.dropdown-content a{color:#000!important}#ablinks{flex-direction:row;gap:1rem;margin-left:auto;display:flex}#ablinks>*{float:none!important}.dropdown-link{cursor:pointer;align-items:center;padding-right:10px;font-family:Audiowide;font-weight:700;text-decoration:none;display:flex}.dropdown-link:after{content:"▾";margin-left:.1em;font-size:.9em}