@import url("https://fonts.googleapis.com/css2?family=Bungee+Shade&family=Press+Start+2P&display=swap");:root{--bs-body-bg:#000;--bs-body-color:#fff}body,html{background-color:#000}body{min-height:100vh}*{background-color:#000;box-sizing:border-box;color:#fff;font-family:Press Start\ 2P,sans-serif;margin:0;padding:0}.gen-container{animation:fade-in 5s ease 1;margin-top:2em}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.h2-text,.h4-text{margin-bottom:1em}.button,.email,.email:hover{color:#fff;text-decoration:none}.button{border:2px solid #fff;border-radius:.25em;padding:.35em 1em;transition:.3s}.button:hover{background-color:#062a78;color:#fff;border:2px solid #062a78;padding:.55em 1.2em;text-decoration:none}.description-font,.normal-font{font-family:Helvetica,sans-serif}.normal-font{font-size:1.5em;margin-bottom:1em}.description-font{font-size:1.2em}.about-page-content{text-align:start}.about-page-content p.normal-font{text-align:justify}.contact-section{margin-top:2em}.portfolio-list{list-style:none;margin:0;padding:0;text-align:start}.portfolio-list__item{margin-bottom:2em}.portfolio-list__item:last-child{margin-bottom:0}.portfolio-list__title{color:#fff;text-decoration:none;display:block;text-align:start}.portfolio-list__title:hover{color:#fff;text-decoration:underline}.portfolio-list__desc{margin-top:.75em;margin-bottom:0;text-align:justify}#top-button{margin-top:2.5em}#btm-button{margin-top:1.8em;margin-bottom:3em}#brand{color:#062a78;font-family:Bungee Shade,cursive;font-size:2em;text-shadow:-1px 1px #fff}#home-container{height:75vh}#description{margin-bottom:2em}.contact-icon{height:40px;width:40px;margin-right:.5em}.contact-row{gap:.5em}.contact-text{margin-bottom:0;line-height:1.2}.social-icon{height:40px;width:40px;margin:0 .8em 3em;transition:.3s}.social-icon:hover{transform:scale(1.25)}@media only screen and (max-width:280px){*{font-size:.95em}.card-title,.h2-text,.h4-text,h5{font-size:1em}.contact-icon{display:none}.contact-text{font-size:1.1em}.social-icon{height:30px;width:30px}}@media only screen and (min-width:281px) and (max-width:420px){.contact-icon{display:none}.contact-text{font-size:1.2em}.social-icon{height:30px;width:30px}}@media only screen and (min-width:768px) and (max-width:993px){*{font-size:1em}.card-title,.h2-text,.h4-text,h5{font-size:1.1em}}