:root{--pink: #f864bd;--purple: #7b7beb;--deep-purple: rgba(30, 22, 33, .85);--dark-overlay: rgba(26,26,26,.5);--text-color: white;--border-radius: 50%;--transition: var(--transition);--popup-menu-size: 3.125rem}*{margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-color);font-size:1rem;line-height:1.5;font-family:"Playfair Display",sans-serif}header{z-index:20;min-height:5.25rem}header a{min-height:5.25rem}.logo{width:5rem;height:5.3125rem;transform:scale(0.7059);background:url("../img/logo.png") no-repeat}.logo:hover{transform:scale(0.75);transition:transform .2s ease-in-out}a{color:var(--text-color);cursor:pointer}.background-container,.overlay{position:fixed;top:0;left:0;width:100%;height:100vh}.background-container{z-index:-2;background:url("../img/full-background.webp") no-repeat center center/cover fixed;will-change:transform}.overlay{z-index:-1;background:rgba(26,26,26,.85)}.content-wrapper{z-index:1}@media(max-width: 768px){.background-container,.overlay{background-attachment:scroll}}.home-page,.contact-me{min-height:100vh}.home-page .content-wrapper,.contact-me .content-wrapper{min-height:100vh}.home-page #contact-me,.contact-me #contact-me{min-height:calc(100vh - 9.0625rem)}#home-page{min-height:100vh}#home-page .hero-and-socials{margin-top:3.35rem}@media(min-width: 768px){#home-page .hero-and-socials{margin-top:10.25rem}}@media(min-width: 1200px){#home-page .hero-and-socials{margin-top:5rem}}#home-page .name-and-info{margin-top:2rem}#home-page .name-and-info h1.display-1{font-size:calc(1.125rem + 4.5vw) !important}@media(min-width: 1200px){#home-page .name-and-info h1.display-1{font-size:4.25rem !important}}#home-page .name-and-info .info{padding-left:1rem}@media(min-width: 768px){#home-page .name-and-info .info{padding-left:4.25rem}}@media(min-width: 1200px){#home-page .name-and-info .info{padding-left:6.25rem}}.hero-img-container{padding:.125rem;background:linear-gradient(to right, var(--pink), var(--purple)) border-box;border-radius:var(--border-radius);box-sizing:border-box}.hero-img-container .hero-img{border:.125rem solid rgba(0,0,0,0);border-radius:var(--border-radius);object-fit:cover}h1.sm-heading,h2.sm-heading,h3.sm-heading{padding:.2rem 0}h2.sm-heading,h3.sm-heading,h4.sm-heading,p.sm-heading{font-size:calc(1.275rem + .9vw)}@media(min-width: 768px){h2.sm-heading:not(.info,.bio-text,.projects-heading),p.sm-heading:not(.info,.bio-text,.projects-heading){padding-left:2.1875rem;font-size:calc(1.325rem + .9vw)}}@media(min-width: 1200px){h2.sm-heading:not(.info,.bio-text,.projects-heading),p.sm-heading:not(.info,.bio-text,.projects-heading){padding-left:2.75rem !important}}.gradient-text{background-clip:text;color:rgba(0,0,0,0);background-image:linear-gradient(to right, var(--pink), var(--purple))}.center{display:flex;align-items:center;justify-content:center}.svg-icon .icon-path{fill:var(--purple);transition:fill .3s ease-out}.svg-icon:hover .icon-path{fill:url(#linearGradient)}.popup-menu{width:var(--popup-menu-size);height:var(--popup-menu-size);border-radius:var(--border-radius);bottom:1rem;right:1rem;z-index:1050}.popup-menu .fab{background:var(--purple);width:var(--popup-menu-size);height:var(--popup-menu-size);z-index:3;border-radius:var(--border-radius);box-shadow:0 .125rem .25rem rgba(0,0,0,.4);animation:fab-animation-reverse .4s ease-out forwards}.popup-menu .fab::before,.popup-menu .fab::after{content:"";display:block;position:absolute;border-radius:.25rem;background:var(--text-color)}.popup-menu .fab::before{width:.25rem;height:1.5rem}.popup-menu .fab::after{width:1.5rem;height:.25rem}.popup-menu .fac{width:3rem;height:10rem;border-radius:4rem;background:var(--text-color);z-index:2;padding:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.4);opacity:0;top:-6.875rem;left:0;transition:opacity .2s ease-in,top .2s ease-in,width .1s ease-in}.popup-menu .fac a{color:var(--purple);opacity:.8}.popup-menu .fac a:hover{transition:.2s;opacity:1;color:rgb(52,69.7545454545,79.9)}.popup-menu input{border-radius:var(--border-radius);cursor:pointer;z-index:5;opacity:0}.popup-menu input:checked~.fab{animation:fab-animation .4s ease-out forwards}.popup-menu input:checked~.fac{width:3rem;height:10rem;animation:fac-animation .4s ease-out forwards .1s;top:-10.5rem;left:0;opacity:1}@keyframes fab-animation{0%{transform:rotate(0) scale(1)}20%{transform:rotate(60deg) scale(0.93)}55%{transform:rotate(35deg) scale(0.97)}80%{transform:rotate(48deg) scale(0.94)}100%{transform:rotate(45deg) scale(0.95)}}@keyframes fab-animation-reverse{0%{transform:rotate(45deg) scale(0.95)}20%{transform:rotate(-15deg)}55%{transform:rotate(10deg)}80%{transform:rotate(-3deg)}100%{transform:rotate(0) scale(1)}}@keyframes fac-animation{0%{transform:scale(1, 1)}33%{transform:scale(0.95, 1.05)}66%{transform:scale(1.05, 0.95)}100%{transform:scale(1, 1)}}