html{font-family:Roboto,sans-serif;font-weight:500}.hideOverflow{overflow:hidden}.hidden{visibility:hidden}.justify{text-align:justify}.indent{text-indent:20px}.noIndent{text-indent:0}.spacing{letter-spacing:13px}.key{color:#f08e48}.value{color:#7fc06e}.scarlet{color:#ff5a67}.flexColumn{display:flex;flex-direction:column}.flexRow{display:"flex",}.justifyContentC{justify-content:center}.alignItemsC{align-items:center}.relative{position:relative}.homePageText{margin-top:250px;font-size:clamp(1.5rem,2rem,2.5rem)}#projects,#about,#contact{font-size:clamp(1.2rem,1.3vw,2rem)}#sboTitle{font-size:clamp(1rem,5vw,3rem);color:#f5f5f5;margin-top:clamp(120px,2.5vw,350px)}#sbo_download,#sbo_github{font-size:clamp(.8rem,3vw,3rem);margin-left:30px}.holdSpace{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid whitesmoke;border-radius:5px;width:25%;height:500px;font-size:clamp(10px,.9vw,1rem);overflow:auto;padding:25px;background-color:#011e44}#chip{width:clamp(100.8px,75vw,1344.4px)}#diagram{width:clamp(90px,75vw,900px)}.pFont{font-size:clamp(.75rem,1vw,1.5rem)}#socials_github,#socials_ig,#socials_google,#socials_twitter,#socials_reddit,#socials_yt{font-size:clamp(1.5rem,10vw,3rem);padding:15px}#socials_icon_top{margin-bottom:20px}.panel{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;width:400px;height:100%;padding:30px 0;margin:100px 0 0}#card{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 0 40px;margin-top:40px}#about_container{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:clamp(10px,10vw,20px)}#about_icon_container{margin-left:20px}#about_jpPort{width:clamp(70px,30vw,300px);border-radius:50%;outline:whitesmoke double 1px}#about_github,#about_ig,#about_google,#about_twitter,#about_reddit,#about_yt{font-size:clamp(1rem,6vw,2rem);margin-bottom:10px}#card{width:clamp(150px,50vw,450px);height:clamp(150px,50vw,450px)}#about_stats{width:clamp(233.5px,35vw,467px);height:clamp(97.5px,35vw,197.5px)}.about_text{font-size:clamp(1rem,1.5vw,2rem)}#about_profile_info_container{margin-left:60px;display:flex;flex-direction:column;align-items:flex-start}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080}#largePort{width:clamp(315px,40vw,725px);height:auto;border:1px double whitesmoke;border-radius:5px}#largeStats{width:clamp(300px,50vw,934px)}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.exitImg{font-size:clamp(1rem,2vw,3rem);cursor:pointer;margin-right:-5px;margin-left:auto;width:20px}@keyframes moveRight{0%{transform:translate(-98%)}to{transform:translate(0)}}.fromLeft{animation:moveRight 1s ease-in-out}.up{animation:moveUp 1s ease-in-out}.upFaster{animation:moveUp .75s ease-in-out}@keyframes moveUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fade{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@media screen and (height> 320px) and (max-height: 635px){.homePageText{margin-top:120px}}@media screen and (height <= 320px){.homePageText{margin-top:55px}}@media screen and (min-width: 1026px){.about_text{margin-left:25px}}@media screen and (min-width: 891px){#navBar{width:98%}#about_icon_container{position:relative}.card_icons{display:flex}#card_icons1,#card_icons2{position:absolute}#card_icons1{right:.5px}}@media screen and (max-width: 1025px){#about_container{margin:30px 0 0}.about_text{margin:-15px 0 0 20px}}@media screen and (max-width: 890px){.code{margin-left:140px}#navBar{width:92%}.about_text{margin:-20px 15px}}@media screen and (max-width:769px){.about_text{margin:-20px 0 0 25px}}@media screen and (max-width: 477px){.about_text{margin:-15px 0 0 40px}}@media screen and (max-width: 426px){#about_container{flex-direction:column;align-items:center;justify-content:center;margin:60px 35px 0 0}#card{flex-direction:column;margin:0 0 0 30px}#about_icon_container{flex-direction:row}#about_stats{margin-top:-70px}.about_text{margin:-1px 0 0 30px}}@media screen and (max-width:326px){.panel{position:relative}.socials_row{display:flex;flex-direction:column;position:absolute}#socials_icon_top{top:20px;left:40px;margin-left:25px}#socials_icon_bottom{top:20px;right:50px}}