@font-face{font-family:Alata;src:url(/fonts/Alata.woff2) format("truetype");font-display:swap}@font-face{font-family:Albert Sans;src:url(/fonts/AlbertSans.woff2) format("truetype");font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque.woff2) format("truetype");font-display:swap}:root{--accent: 136, 58, 234;--accent-light: 224, 204, 250;--accent-dark: 49, 10, 101;--accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60% )}html{font-family:Alata,serif;background:#000}h1{font-family:Bricolage Grotesque,serif;font-size:96px;margin:0;@media (max-width: 600px){font-size:56px}@media (min-width: 1000px) and (max-width: 1920px){font-size:72px}}p{font-family:Albert Sans,serif;font-weight:400;font-style:normal;font-size:40px;text-align:center;@media (max-width: 600px){font-size:22px}@media (min-width: 1000px) and (max-width: 1920px){font-size:28px}}a{font-family:Alata,serif;font-size:40px;text-align:center;@media (max-width: 600px){font-size:22px}@media (min-width: 1000px) and (max-width: 1920px){font-size:24px}}.animate{opacity:0;transform:translateY(100px)}.hidden{opacity:0}@keyframes transformIn{0%{transform:translate3d(0,100%,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes backdropAppear{0%{opacity:0;filter:blur(0px)}to{opacity:1;filter:blur(10px)}}@keyframes backdropDisappear{0%{opacity:1;filter:blur(10px)}to{opacity:0;filter:blur(0px)}}.images[data-astro-cid-tkm2rszc]{position:relative;width:100%;height:35vh;object-fit:cover;display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:1vh;>img[data-astro-cid-tkm2rszc]{border-radius:1rem;display:none;max-width:100%;max-height:100%;height:35vh;object-fit:cover;box-shadow:0 0 20px 8px #00000080}@media screen and (max-width: 600px){margin-bottom:3vh;padding:7vh 0}}.link[data-astro-cid-tkm2rszc]{font-size:30px;background-color:#1c1c1c80;border-radius:1rem;color:#fff;text-decoration:none;text-align:center;width:100%;padding:.7rem 0;transition:background-color ease-in-out .2s;&:hover{background-color:#1c1c1cbf}>img[data-astro-cid-tkm2rszc]{margin-left:.5rem}@media (max-width: 600px){font-size:20px}@media (min-width: 1000px) and (max-width: 1920px){font-size:22px}}dialog[data-astro-cid-tkm2rszc]{color:#fff;text-align:center;padding:0;margin:0;border:none;background:transparent;align-content:center;width:100%;height:100%;max-width:none;max-height:none;overflow:hidden;& h1[data-astro-cid-tkm2rszc]{margin:.5rem;font-size:64px;@media (max-width: 600px){font-size:44px}@media (min-width: 1000px) and (max-width: 1920px){font-size:48px}}& p[data-astro-cid-tkm2rszc]{max-width:90%;margin-bottom:6vh}>div[data-astro-cid-tkm2rszc]{margin-inline:auto;width:80%;max-width:1100px;background-color:#000c;border:3px solid rgba(20,20,20,.5);padding:1.5rem;border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;>.closeIcon[data-astro-cid-tkm2rszc]{display:none}&:before{content:"";z-index:-10;position:absolute;inset:0;opacity:.4;background:linear-gradient(45deg,#e81cff,#40c9ff);transform:scale(1.01);filter:blur(20px);transition:opacity .3s;border-radius:inherit}@media (max-width: 600px){width:calc(100% - 2rem - 6px);height:calc(100% - 2rem - 6px);border-radius:0;padding:1rem;gap:0;>.closeIcon[data-astro-cid-tkm2rszc]{display:block;position:absolute;border:none;top:1rem;right:1rem;font-size:2rem;color:#fff;background-color:transparent;cursor:pointer;z-index:10}}}&::backdrop{background-color:#000000bf;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(10px);animation:backdropAppear .3s}}dialog[data-astro-cid-tkm2rszc].closing::backdrop{animation:backdropDisappear .3s}dialog[data-astro-cid-tkm2rszc][open]{animation:transformIn .3s}body:has(dialog[open]){overflow:hidden;margin-right:10px}.dialog-buttons[data-astro-cid-tkm2rszc]{display:flex;flex-direction:row;gap:1rem;position:absolute;bottom:2rem;width:95%;@media (max-width: 600px){gap:.5rem;flex-direction:column;width:90%}}.next-button[data-astro-cid-tkm2rszc],.prev-button[data-astro-cid-tkm2rszc]{-webkit-user-select:none;user-select:none;position:absolute;border-radius:100rem;font-size:x-large;color:#fff;text-decoration:none;text-align:center;width:50px;height:50px;padding:0;cursor:pointer;border:none;background-color:#20202099;box-shadow:inset 0 0 6px #48484880;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;>img[data-astro-cid-tkm2rszc]{padding:14px}@media (max-width: 600px){font-size:x-large;width:40%;bottom:0}}.next-button[data-astro-cid-tkm2rszc]{display:none;right:1vw;>img[data-astro-cid-tkm2rszc]{transform:rotate(180deg)}}.prev-button[data-astro-cid-tkm2rszc]{display:none;left:1vw}p[data-astro-cid-tkm2rszc]{font-size:26px;color:#fff;text-align:center;margin:0;@media (max-width: 600px){font-size:20px}@media (min-width: 1000px) and (max-width: 1920px){font-size:22px}}.inset[data-astro-cid-tkm2rszc]{width:100%;height:100%;box-shadow:0 0 12px 6px #00000080;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);position:relative;border-radius:1rem;overflow:hidden;>img[data-astro-cid-tkm2rszc]{position:relative;width:inherit;height:inherit;object-fit:cover;border-radius:1rem;filter:blur(1px);clip-path:border-box;z-index:-1}@media (max-width: 600px){height:224px}}span[data-astro-cid-tkm2rszc]{display:flex;align-items:end;justify-content:space-between;position:absolute;width:-webkit-fill-available;width:-moz-available;bottom:1rem;margin:0 1rem;>p[data-astro-cid-tkm2rszc]:first-of-type{text-align:left}>p[data-astro-cid-tkm2rszc]:last-of-type{text-align:right}>p[data-astro-cid-tkm2rszc]{font-family:Bricolage Grotesque,serif;line-height:1}}.grid-element[data-astro-cid-tkm2rszc]{display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid rgba(20,20,20,.5);border-radius:1.5rem;box-shadow:0 0 10px #00000080;padding:.7rem;gap:1vh;font-family:inherit;background:transparent;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;&:before{content:"";z-index:-10;position:absolute;inset:0;opacity:0;background:linear-gradient(45deg,#e81cff,#40c9ff);transform:scale(1.01);filter:blur(20px);transition:opacity .3s;border-radius:inherit}&:hover:before{opacity:.4}@media (max-width: 600px){padding:.5rem}}nav[data-astro-cid-ymhdp2rl]{top:5vh;position:fixed;width:50vw;background-color:#14141480;border-radius:90pt;padding:.3rem;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;box-shadow:inset 0 0 15px #35353580;@media (max-width: 600px){width:90%}@media (max-width: 1200px){width:80vw}@media (min-width: 1000px) and (max-width: 1920px){width:clamp(420px,38vw,700px);top:4vh;padding:.25rem .5rem}}div[data-astro-cid-ymhdp2rl]{display:flex;justify-content:space-around;align-items:center}a[data-astro-cid-ymhdp2rl]{color:#d8d8d8;text-decoration:none;margin:.5vh 1vw;position:relative;@media (min-width: 1000px) and (max-width: 1920px){font-size:28px;margin:.3vh .8vw}}a[data-astro-cid-ymhdp2rl]:after{content:"";display:block;position:absolute;height:4px;width:100%;transform:scaleX(0);transition:transform .3s;background:#d8d8d8;bottom:4px}a[data-astro-cid-ymhdp2rl]:hover:after{transform:scaleX(1)}.allSkills[data-astro-cid-stjcxwhk]{width:55vw;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;@media (max-width: 600px){width:90vw}@media (max-width: 1200px){width:80vw}}.skill[data-astro-cid-stjcxwhk]{position:relative;width:100px;height:100px;border-radius:25%;margin:20px;padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:box-shadow .3s;@media (max-width: 1000px){width:90px;height:90px;margin:12px}@media (min-width: 1000px) and (max-width: 1920px){width:90px;height:90px;margin:16px}}.skill[data-astro-cid-stjcxwhk]:before{content:"";position:absolute;inset:0;border-radius:25%;z-index:0;transition:transform .3s;transform:scale(1);background-image:conic-gradient(rgb(0,124,83) 0deg,rgb(0,182,121) var(--skill-level, 180deg),rgba(32,32,32,.5) var(--skill-level, 180deg) 360deg)}.skill[data-astro-cid-stjcxwhk]:hover:before{@media (orientation: landscape){transform:scale(1.2)}}.skill[data-astro-cid-stjcxwhk]>img[data-astro-cid-stjcxwhk]{position:relative;z-index:1;background-color:#000;width:80px;height:80px;padding:9px;border:2px solid rgba(255,255,255,.1);border-radius:25%;@media (max-width: 600px){width:60px;height:60px;padding:5px}@media (min-width: 1000px) and (max-width: 1920px){width:70px;height:70px;padding:10px}}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgb(255,255,255) rgba(0,0,0,0)}body{margin:0;padding:0}main[data-astro-cid-j7pv25f6]{color:#fff;font-size:20px;display:flex;flex-direction:column;align-items:center}.parallax[data-astro-cid-j7pv25f6]{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/images/Background/background.avif);background-size:cover;filter:brightness(.3);z-index:-102;@media (max-width: 1200px){filter:brightness(.2);background-position:0!important}}.overlay[data-astro-cid-j7pv25f6]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to right,#000,#0003 50%,#000);z-index:-101;@media (max-width: 1200px){background:linear-gradient(to right,#000,#0000 50%,#000)}}.light[data-astro-cid-j7pv25f6]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-100;background:#000c;@media (max-width: 1200px){display:none}}h1[data-astro-cid-j7pv25f6]{line-height:1;text-align:center;margin-bottom:1em;background-image:linear-gradient(45deg,#2e99f0,#9b27b0);background-clip:text;color:transparent}mark[data-astro-cid-j7pv25f6]{position:relative;background-color:transparent}mark[data-astro-cid-j7pv25f6]:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:#ff0;z-index:-1}mark[data-astro-cid-j7pv25f6].animate-mark:after{animation:animateMarkBefore 1s .5s forwards}@keyframes animateMarkBefore{0%{width:0}to{width:100%}}#projects[data-astro-cid-j7pv25f6][data-astro-cid-j7pv25f6]{padding-top:15vh;margin-top:20vh;display:flex;flex-direction:column;align-items:center;@media screen and (max-width: 600px){width:100%}}.grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(5,220px);grid-template-rows:repeat(12,220px);max-width:1250px;gap:.7em .7em;grid-template-areas:"Borufi Borufi Borufi SchoolProjects SchoolProjects" "Borufi Borufi Borufi SchoolProjects SchoolProjects" "TicTacToe TicTacToe TechNews TechNews TechNews" "TicTacToe TicTacToe TechNews TechNews TechNews" "TicTacToe TicTacToe ImageComparison ImageComparison ImageComparison" "DiscordBot DiscordBot ImageComparison ImageComparison ImageComparison" "DiscordBot DiscordBot BargeboGuesser BargeboGuesser BargeboGuesser" "DiscordBot DiscordBot BargeboGuesser BargeboGuesser BargeboGuesser" "Spotilyzer Spotilyzer Spotilyzer SpotifyLikeScript SpotifyLikeScript" "Spotilyzer Spotilyzer Spotilyzer SpotifyLikeScript SpotifyLikeScript" ". . . SpotifyLikeScript SpotifyLikeScript";@media (max-width: 900px){grid-template-areas:"Borufi" "SchoolProjects" "TechNews" "TicTacToe" "ImageComparison" "DiscordBot" "BargeboGuesser" "SpotifyLikeScript" "Spotilyzer";grid-template-rows:repeat(5,440px);grid-template-columns:1fr;margin:0 3px}@media screen and (max-width: 600px){grid-template-rows:auto}@media (min-width: 1000px) and (max-width: 1920px){grid-template-columns:repeat(5,190px);grid-template-rows:repeat(12,190px)}}.contact[data-astro-cid-j7pv25f6]{display:flex;justify-content:center;gap:5vw;padding:1rem;@media screen and (max-width: 1000px){flex-direction:column;width:100%}}.contact[data-astro-cid-j7pv25f6]>a[data-astro-cid-j7pv25f6]{text-decoration:none;color:#fff;border:2px solid rgba(72,72,72,1);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:90pt;padding:.5rem 5rem;text-align:center;width:120px;box-shadow:inset 0 0 15px #48484880,0 0 15px #48484880;@media screen and (max-width: 1000px){width:auto;margin:0 2rem}@media (min-width: 1000px) and (max-width: 1920px){padding:.5rem 3rem}}.space[data-astro-cid-j7pv25f6]{height:100lvh;display:flex;flex-direction:column;justify-content:center;align-items:center;>p[data-astro-cid-j7pv25f6]{margin:0;width:55vw}@media (max-width: 600px){>p[data-astro-cid-j7pv25f6]{width:90vw}width:90%}@media (max-width: 1200px){>p[data-astro-cid-j7pv25f6]{width:80vw}}}footer[data-astro-cid-j7pv25f6]{text-align:center;color:#fff;font-size:24px;font-family:Alata,sans-serif;margin-bottom:1rem;@media (max-width: 600px){font-size:16px}}