@import"https://fonts.googleapis.com/css2?family=Rubik+Distressed&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Distressed&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Fleur+De+Leah&family=Rubik+Distressed&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Fleur+De+Leah&family=Lexend+Exa:wght@100..900&family=Rubik+Distressed&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Fleur+De+Leah&family=Lexend+Exa:wght@100..900&family=Outfit:wght@100..900&family=Rubik+Distressed&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";.rubik-distressed-regular{font-family:Rubik Distressed,system-ui;font-weight:400;font-style:normal}.zain{font-family:Zain,sans-serif;font-weight:200;font-style:normal}.fleur-de-leah-regular{font-family:Fleur De Leah,cursive;font-weight:400;font-style:normal}.lexend-exa{font-family:Lexend Exa,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.outfit{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}body{font-family:Zain,sans-serif;font-weight:200;font-size:25px;color:#fff;background-image:linear-gradient(#00000080,#00000080),url(/assets/IMG_0415-W3aHOqt2.jpg);background-size:cover;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body h2{font-weight:300}body a{color:inherit}body.no-scroll{overflow:hidden;height:100%}#root{box-sizing:border-box;max-width:1200px;min-height:100vh;margin:auto;padding:0 30px;display:flex;flex-direction:column;justify-content:space-between}main{display:flex;flex-direction:column;flex:1;gap:30px}header{display:flex;flex-direction:row;justify-content:space-between;height:100px}header .logo-wrapper{display:flex;flex-direction:row;align-items:center;font-family:Fleur De Leah,cursive}header .toggle-wrapper{display:none}header nav{display:flex;align-items:center}header nav ul{display:flex;flex-direction:row}header nav ul li{text-align:center;width:100px;padding:20px 5px}header nav ul li a:hover{color:#bb1010}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 0;font-size:20px;text-align:center}@media (max-width: 1000px){header .toggle-svg-wrapper{width:100px;height:100px;display:flex;justify-content:right;align-items:center}header .toggle-svg-wrapper svg{width:30px;height:auto}header nav{display:none;flex-direction:column;background-color:#000000f2;position:fixed;top:100px;right:0;height:100vh;width:300px}header nav.open{display:flex}header nav ul{flex-direction:column}header nav ul li{width:100%}}@media (max-width: 600px){header nav{width:100%}}#skills .skills-array{display:flex;justify-content:left;align-items:center;gap:20px;flex-wrap:wrap}#skills .skills-array .skill-wrapper{box-sizing:border-box;padding:30px;height:50px;font-weight:300;display:flex;justify-content:center;align-items:center;background-color:#bb101080;border-radius:5px;transition:transform .2s ease}#skills .skills-array .skill-wrapper:hover{transform:scale(1.1)}#photos{padding-top:30px}#photos h2{text-align:center}#photos .gallery{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(300px,auto));padding:30px 0;gap:30px}#photos .photo-wrapper{box-sizing:border-box;overflow:hidden;transition:border .4s ease,border-radius .6s ease;aspect-ratio:4/6;border:3px solid transparent}#photos .photo-wrapper:hover{border:3px solid rgb(255,255,255);border-radius:10px}#photos .photo-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}