*{margin:0;padding:0;list-style:none;text-decoration:none}::-webkit-scrollbar{width:0}@font-face{font-family:SP_Basic;src:url(/hawksley-m/assets/stretch-pro.basic-d421d599.ttf)}@font-face{font-family:SP_Regular;src:url(/hawksley-m/assets/stretch-pro.regular-142fcd2a.ttf)}@font-face{font-family:R_Thin;src:url(/hawksley-m/assets/Roboto-Light-c576c506.ttf)}@font-face{font-family:R_Bold;src:url(/hawksley-m/assets/Roboto-Medium-9d0d55a3.ttf)}*{color:#fff;font-family:R_Thin;font-weight:100;scroll-behavior:smooth}body{min-height:100vh;width:100%;background-color:#0f0f0f}@media (max-width: 1000px){body{padding-bottom:12vh}}#root{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto}main{width:100%;height:auto;display:flex;flex-direction:column;align-items:center}h1{font-size:3rem;font-family:SP_Basic;text-transform:uppercase;margin-bottom:1rem}@media (max-width: 1000px){h1{font-size:2rem}}h2{font-size:3rem;font-family:SP_Basic;text-transform:uppercase;text-align:center}@media (max-width: 1000px){h2{font-size:2rem}}.section-title{margin-bottom:10vh;text-align:center}.section-title h2+pre,.section-title h2+h3{margin-top:3vh}.highlight{font-family:R_Bold}h3{font-size:1.2rem;font-family:SP_Basic;text-transform:uppercase;text-align:center}h4{font-size:1.2rem;font-family:R_Bold;text-transform:uppercase;color:#ffffff40}.upper-title{font-size:3rem;margin-bottom:2vh}p{font-size:1rem;font-family:R_Thin;line-height:1.6rem;color:#ffffffd9}.sp-regular{font-family:SP_Regular}.space-blur{position:absolute;flex-shrink:0;z-index:-1}.blur-purple{background:radial-gradient(50% 50% at 50% 50%,rgba(98,0,255,.102) 0%,rgba(58,69,168,0) 100%)}.blur-pink{background:radial-gradient(50% 50% at 50% 50%,rgba(255,0,230,.1) 0%,rgba(101,21,93,0) 100%)}.blur-1{width:41vw;height:36vw;left:10%;top:5%;transform:rotate(12.041deg);border-radius:52rem}@media (max-width: 1000px){.blur-1{display:none}}.blur-2{width:50vw;height:40vw;left:35%;top:8%;transform:rotate(-19.401deg);border-radius:69rem}@media (max-width: 1000px){.blur-2{display:none}}.vs-blue{color:#358cff}.vs-gray{color:#7c7c7c}img{max-width:100%}.btn{cursor:pointer;border:1px solid rgba(255,255,255,.15);text-transform:uppercase;border-radius:1000px;padding-inline:1.5em;padding-block:.8em;transition:.5s}.btn:hover{color:#000;background-color:#fff}header{position:fixed;width:100%;display:flex;justify-content:center;padding-top:2rem;font-size:.9rem;z-index:99}header nav{background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);text-transform:uppercase;width:80%;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:1000px}header nav .nav-item{margin-block:1.2rem}header nav .nav-left{margin-left:.6rem;min-width:20%;justify-content:start}header nav .nav-left ul{display:flex;justify-content:start}header nav .nav-center{justify-content:center;width:40%}header nav .nav-center ul{display:flex;justify-content:center;width:100%}header nav .nav-center ul li+li{margin-left:2vw}header nav .nav-right{margin-right:.6rem;min-width:20%;justify-content:end}header nav .nav-right ul{display:flex;justify-content:end}header .mobile-nav{display:none}@media (max-width: 1000px){header{width:100%;padding:0}header nav{height:10%;border:none;border-radius:0;border-bottom:1px solid rgba(255,255,255,.15);width:100%;display:flex;justify-content:center}header nav .nav-center{width:100%}header nav .nav-center ul li+li{margin-left:3rem}header nav .nav-left,header nav .nav-right{display:none}header nav .nav-item{margin-block:2rem}}.footer__social{display:flex;flex-direction:row;justify-content:start;align-items:center;height:6rem;padding-inline:1.5rem;border-top:1px solid rgba(255,255,255,.15);font-family:SP_Basic;font-size:3rem;text-transform:uppercase;transition:.6s}.footer__social:hover{color:#0f0f0f;background-color:#fff}@media (max-width: 1000px){.footer__social{font-size:1.2rem;height:5rem}}.mobile-nav{display:none}@media (max-width: 1000px){.mobile-nav{display:flex;justify-content:center;position:fixed;bottom:0;width:100%;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);border-top:1px solid rgba(255,255,255,.15)}.mobile-nav ul{width:80%;margin-block:2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}}.hero-banner{width:80%;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.video-gradient{object-fit:cover;position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(180deg,rgba(15,15,15,.3) 0%,rgb(15,15,15) 100%);z-index:-1}video{object-fit:cover;position:absolute;top:0;left:0;height:100%;width:100%;z-index:-2;opacity:100%}@media (max-width: 1000px){video{display:none}}.upper-title{font-family:SP_Basic;text-transform:uppercase;font-size:1.8rem}@media (max-width: 1000px){.upper-title{font-size:1rem}}.profile-section{width:80%;margin-top:10rem}.profile-section .profile-content{display:flex;flex-direction:row;justify-content:start;align-items:start}.profile-section .profile-content p{font-size:1.2rem;line-height:3.6vh;margin-left:4vw}.profile-section .me{min-width:25rem;height:38rem;border-radius:10px;background-color:#ffffff0d;box-shadow:0 0 60px #421b8380;object-fit:cover}.profile-section .info p+p{margin-top:4vh}@media (max-width: 1000px){.profile-section .profile-content{display:flex;flex-direction:column;justify-content:start;align-items:center}.profile-section .profile-content p{margin:0;margin-top:10vh}}.projects-section{width:80%;margin-top:10rem;height:auto;margin-bottom:25vh;display:flex;flex-direction:column;justify-content:center;align-items:normal}.projects-section .projects-container+.projects-container{margin-top:20vh}.projects-section .projects-grid{height:100%;width:100%;--auto-grid-min-size: 24rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size),1fr));grid-gap:2rem;margin-bottom:5vh}.projects-section .projects-grid .project{max-height:100vh;max-width:500px;border-radius:15px;border:1px solid rgba(255,255,255,.15);background-color:#ffffff0d;overflow:hidden}.projects-section .projects-grid .project__image{height:100%;width:100%;object-fit:contain}.projects-section .projects-grid .project__info{text-align:center;padding-inline:2rem;padding-block:2.5rem;height:auto}.projects-section .projects-grid .project__tags{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-block:1.5em}.projects-section .projects-grid .project__tag{background:rgb(116,24,62);background:linear-gradient(145deg,rgba(116,24,62,.8) 0%,rgba(66,27,131,.8) 100%);border-radius:1000px;padding-inline:.8em;padding-block:.1em}.projects-section .projects-grid .project__tag__text{font-family:R_Bold;font-size:.8em}.projects-section .projects-grid .project__description{color:#fffc;margin-block:1.5em}.projects-section .projects-grid .project__tag+.project__tag{margin-left:.5em}@media (max-width: 1000px){.projects-section .projects-grid{display:flex;flex-direction:column;justify-content:center;align-items:center}}.skills-section{width:80%;margin-top:10rem;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.skills-section .skills-list{height:100%;width:100%;--auto-grid-min-size: 16rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size),1fr));grid-gap:1rem;margin-bottom:5vh}.skills-section .skill-title{width:100%}.skills-section .skill-card{display:flex;flex-direction:row;justify-content:start;align-items:center;border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;border-radius:10px;padding-inline:2rem;padding-block:1rem;min-width:15.55%;min-height:2rem}.skills-section .skill-card img{max-height:2rem;margin-right:2rem}.skills-section .skill-card p{font-size:1.2rem}.skills-section hr{width:100%;border:1px solid rgba(255,255,255,.1);margin-top:1.5vh;margin-bottom:2.5vh}.career-section{width:80%;margin-top:10rem}.career-section .career-content{--auto-grid-min-size: 34rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size),1fr));grid-gap:2rem}.career-section .career-content hr{width:100%;border:1px solid rgba(255,255,255,.1);margin-top:1.5vh;margin-bottom:2.5vh}.career-section .career-card{display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;border-radius:10px;padding-inline:2rem;padding-block:1rem;min-width:15.55%;min-height:2rem}.career-section .career-card__title{font-family:R_Bold;font-size:1.1em;margin-bottom:.5rem}.career-section .career-card__desc,.career-section .career-card__date{color:#ffffff80}.career-section .career-card__desc{width:90%}.career-section .career-card__date{width:20%}.career-section .career-card+.career-card{margin-top:1em}@media (max-width: 1000px){.career-section .experience,.career-section .path{width:80%}}