@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Lexend+Giga:wght@100..900&family=Major+Mono+Display&family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:255,255,255;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}*{box-sizing:border-box;margin:0;padding:0}.skill-circle{background-color:#00000030;transition:.5s ease}.skill-circle:hover{border:2px solid #06b6d4}html{scroll-padding-top:75px}body{background:#121212;color:#fff;color:rgb(var(--foreground-rgb))}button,div,span{transition:.2s ease}h1{font-size:2.5rem}h1,h2{font-family:Major Mono Display,monospace;font-weight:700;line-height:1.2}h2{font-size:2rem}.section:not(:first-child),section:not(:first-child){margin-top:100px}#project h1{font-family:Lexend Giga,sans-serif;font-size:3rem;font-weight:700;line-height:1.5}.button,button{background:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Comfortaa,sans-serif;font-size:1.25rem;max-width:400px}h3{font-size:1.4rem;line-height:1.2}.project-card img{box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}label{font-family:Comfortaa,sans-serif}h4,label{font-size:1.25rem;font-weight:700;line-height:1.2}p{font-family:Red Hat Mono,monospace;margin-bottom:10px}h5{font-size:1rem;font-weight:700}nav{box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}h3,nav{font-family:Comfortaa,sans-serif}h3{font-weight:700}main{background-size:cover;display:flex;flex-direction:column;overflow:visible;padding:20px 50px}#background{aspect-ratio:16/9;height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-1}.border-gradient{background:linear-gradient(90deg,#06b6d4,#3b82f6);border:1px solid #0000}.callout-container{display:inline-block;position:relative}.callout-box{background-color:#121212;border-radius:15px;border-radius:5px;color:#fff;display:none;font-size:small;left:50%;min-width:100px;padding:5px;position:absolute;text-align:center;top:90%;transform:translateX(-50%);z-index:100}.callout-container:hover .callout-box{display:block}.image-grid{--gap:16px;--row-height:300px;box-sizing:border-box;display:grid;grid-auto-rows:var(--row-height);grid-template-columns:repeat(4,1fr);padding:var(--gap)}@media only screen and (max-width:1024px){.image-grid{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:768px){.image-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:640px){.image-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.db9b2962.css.map*/