@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--background-color: #ffffff;--primary: #222c1d;--accent: rgb(144, 215, 0);--default-box-shadow: 2px 2px 1px rgba(0, 0, 0, .412);color:#030000}::-webkit-scrollbar{position:fixed;top:0;width:0px;background-color:#334434}*,html{padding:0;margin:0;font-family:"Open Sans" "Inter";font-weight:200;scroll-behavior:smooth}body{display:flex;flex-direction:column;height:fit-content;background-color:var(--background-color)}nav{position:fixed;top:0;width:100%;height:8vh;z-index:9;display:flex;flex-direction:column}nav a,nav button{text-decoration:none;color:#fff}.nav-non-home{background-color:#0000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-non-home a,.nav-non-home button{text-decoration:none;color:#000}main{height:100vh}button{color:none}@media only screen and (max-width: 768px){:root{font-size:13px}}.wrapper{display:flex;flex-direction:row;justify-content:space-between;font-weight:100;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wrapper ul{display:flex;gap:1em;padding:0 1em}.wrapper ul li{display:contents}.logo{place-items:center;gap:.4em!important;cursor:pointer}.logo a{display:contents}.logo img{width:2.5em;height:2.5em;display:flex;flex-direction:row}.logo span{height:100%;font-size:1.1rem;display:grid;place-items:center;text-transform:capitalize;letter-spacing:.5px}.menu{place-items:center}.menu button{position:relative;background-color:transparent;border:none;cursor:pointer;padding:.5em;font-size:.9rem;transition:.3s ease-in-out}.menu button:hover{text-shadow:0 0 1em var(--accent)}.menu button.active{border-bottom:.1px var(--accent) solid;color:var(--accent)}.menu .hamburger-icon{display:none}.hamburger{z-index:9;width:100vw;position:fixed;top:8vh;display:none;flex-direction:column;background-color:#0000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);list-style-type:none}.hamburger button{position:relative;background-color:transparent;border:none;cursor:pointer;padding:.5em;font-size:.9rem;transition:.3s ease-in-out}.hamburger ul{display:flex;gap:1em;padding:0 1em}.hamburger ul li{display:contents}.hamburger.open-burger{display:flex}@media (max-width: 767px){.menu-item{display:none!important}.hamburger-icon{display:block!important}}.hero{position:relative;background-image:url(/images/coridor.jpg);background-size:cover;background-repeat:no-repeat;background-position:35% center;height:92vh;display:grid;padding-top:8vh}.overlay{position:absolute;width:100%;height:100%}.title{display:grid;color:#fff!important;text-transform:capitalize;margin:auto 4%;z-index:2;text-shadow:1.5px 1.5px 1px rgba(0,0,0,.518);gap:1em}.title .info{display:grid}.title .name{font-weight:500;font-size:4.5vmax}.title .headline{font-size:2vmax}.title button{position:relative;display:grid;place-items:center;padding:.5em;background-color:var(--secondary);border:none;font-size:1.2em;font-weight:400;transition:.3s ease-in-out;cursor:pointer;border-radius:.5em}label{padding:0;margin:0}.gallery-wrapper{padding-top:10vh;padding-inline:5vw}.my-masonry-grid{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;grid-gap:1%}.pin{margin-bottom:1.2vw}.pin img{background-color:var(--primary);width:100%;height:auto;object-fit:cover;transition:.3s cubic-bezier(.075,.82,.165,1)}.pin span{font-size:1rem;font-weight:400;font-family:Open Sans}.my-masonry-grid_column{background-clip:padding-box}.pages-wrapper{width:100vw;height:92vh;padding-top:8vh;display:grid}.about{display:grid;grid-template-areas:"proPict title title" "proPict bio bio" "proPict links links";grid-template-columns:25% 75%;grid-template-rows:25% 50%;width:75%;height:60%;margin:auto;padding:1em;background-color:var(--primary);border-radius:.5em;box-shadow:var(--default-box-shadow)}.about-title{grid-area:title;text-transform:uppercase;font-size:2rem;display:grid;place-items:end left;color:var(--accent)}.profile-picture{position:relative;grid-area:proPict;display:grid;place-items:center}.profile-picture a{display:contents}.image-wrapper{display:grid;border-radius:50%;overflow:hidden;aspect-ratio:1/1;width:85%;place-items:center}.image-wrapper:before{content:"";width:90%;aspect-ratio:1/1;position:absolute;border:dashed white 1px;border-radius:50%;z-index:9;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-wrapper img{width:100%;border-radius:50%;margin:auto;transition:.3s ease-in-out;cursor:pointer}.image-wrapper:hover img{transform:scale(1.05)}.about-info{grid-area:bio;font-size:1.6rem;display:grid;place-items:center left;font-family:Open Sans;color:#fff}.about-links{grid-area:links;display:flex;place-items:center;font-size:1.2rem;gap:.5em}.about-links a{border-radius:50%;border:white .2px solid;height:2em;aspect-ratio:1/1;display:grid;place-items:center;transition:.3s ease-in-out;color:#fff}.about-links a:hover{transform:translateY(-.3em)}.twitter-icon:hover{border-color:#1da1fa;color:#1da1f2}.instagram-icon:hover{border-color:#e4405f;color:#e4405f}.bluesky-icon:hover{border-color:#87ceeb;color:#87ceeb}.facebook-icon:hover{border-color:#1877f2;color:#1877f2}.artstation-icon:hover{border-color:#3877ff;color:#3877ff}.about-info b{font-weight:900}@media only screen and (max-width: 425px){.about{grid-template-areas:"proPict" "title" "bio" "links";grid-template-rows:auto auto auto auto;grid-template-columns:1fr;width:90%;height:auto;padding:1em;margin:1em auto}.image-wrapper{width:55%}.image-wrapper:before{width:60%}.about-title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem}.about-info{place-items:start center;text-align:center;font-size:1.2rem;font-family:Open Sans}.about-links{justify-content:center;flex-wrap:wrap;gap:.7em}.about-links a{font-size:1.1rem;height:2.5em}}.codeWrapper{padding:10vh 2vw}.container{background-color:var(--primary);width:15em;padding:.5em;box-shadow:var(--default-box-shadow);border-radius:.5em;display:flex;flex-direction:column}
