@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.header{margin:0 3rem;padding-bottom:.5rem}.container{padding:4rem 0}a:visited{color:inherit}.Btn{padding:10px 20px;background-color:var(--first-color);border:none;border-radius:5px;cursor:pointer;transition:all .2s ease-in-out}.Btn:hover{background-color:var(--hover-color);transform:scale(1.05)}header{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 2rem;background-color:var(--first-color);color:var(--text-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a}nav a{margin:0 2rem;color:var(--text-color);text-decoration:none;transition:all .3s ease-in-out}nav a:hover{color:#fff}header .nav-btn{padding:5px;cursor:pointer;background:transparent;border:none;outline:none;color:var(--text-Color);visibility:hidden;opacity:0;font-size:1.8rem}header a h3{transition:all .3s ease-in-out}header a h3:hover{color:#fff}@media only screen and (max-width: 1024px){header .nav-btn{visibility:visible;opacity:1}header nav{position:fixed;top:-100vh;left:0;height:100%;width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;background-color:var(--first-color);transition:1s}header .responsive_nav{transform:translateY(100vh)}nav .nav-close-btn{position:absolute;top:2rem;right:2rem}nav a{font-size:1.5rem}}.homeContainer{padding-top:25vh;height:90vh}.homeContainer div{display:flex;align-items:center;justify-content:center;margin-bottom:3vh;text-align:center}.profilePhoto{width:150px;height:auto;border-radius:50%;overflow:hidden}.aboutBio{padding:1rem 0}.favTechnologies{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 0rem}.techHeader{display:flex;text-align:center;justify-content:center;padding-bottom:1 rem}.techContainer{display:flex;grid-template-columns:repeat(3,1fr);width:100%;gap:1rem}.techCols{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:1rem}.techCol{display:flex;flex-direction:column;align-items:center}.techCol b{padding:1 0rem}@media only screen and (max-width: 1024px){.favTechnologies{padding:1rem 0rem}.aboutBio{padding:.5rem 0rem}}.contactContainer{padding-top:35vh;height:90vh}.contactContainer div{display:flex;align-items:center;justify-content:center;margin-bottom:3vh}.contactLinks a{margin:0 1rem;transition:all .2s ease-in-out}.contactLinks a:hover{transform:translateY(-5px)}.genCard img{aspect-ratio:auto 3/2;width:30vh;margin:1rem 2.5rem;border-radius:4px}.genCard{margin:1rem 5rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border-radius:5px;box-shadow:0 5px 10px #0003;display:flex;align-items:center}.genCardBody{margin:auto 1rem}@media only screen and (max-width: 1024px){.genCard{flex-direction:column;width:350px;margin:1rem auto}.genCard .Btn{margin:0 auto}}:root{--first-color: hsl(353, 100%, 65%);--title-color: hsl(244,24%, 26%);--text-color: hsl(244, 16%, 43%);--body-color: hsl(258, 60%, 98%);--container-color: #fff;--body-font: "Rubik", sans-serif;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size: .875rem;--smaller-font-size: .813rem;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--shadow: 0px 5px 20px 0px rgb(69 67 96 /10%);--border-radius: 20px}@media screen and (max-width: 1024px){:root{--h1-font-size: 1.75rem;--h2-font-size: 1.25rem;--h3-font-size:1rem;--normal-font-size:.938rem;--small-font-size: .813rem;--smaller-font-size: .75rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{color:var(--title-color);background-color:var(--body-color);line-height:1.7}ul{list-style:none}a{text-decoration:none}button{cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto;vertical-align:middle}.container{max-width:1080px;padding-left:15px;padding-right:15px;margin:0 auto}.grid{display:grid}.section{padding-top:7rem;padding-bottom:2rem}.section__title{font-size:var(--h1-font-size);margin-left:.875rem;font-weight:var(--font-bold);position:relative;margin-bottom:3.75 rem}.section__title:before{content:"";height:2.25 rem;width:2.25 rem;position:absolute;left:-.875rem;top:-.875 rem}.btn{padding:.75rem 2rem;line-height:1;border-radius:1.875rem;box-shadow:0 0 1px #0000;color:#fff;display:inline-block;background-color:var(--first-color);font-weight:var(--font-bold)}@keyframes button-push{50%{transform:scale(.8)}to{transform:scale(1)}}.btn:hover{animation:button-push .3s linear 1}