@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Montserrat:wght@400;700;900&family=Silkscreen&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playwrite+US+Trad:wght@100..400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:JetBrains Mono,monospace;margin:0;padding:0}::-webkit-scrollbar{display:none}:root{--black:#121212;--slate-black:#191919;--slate-cement:#212121;--slate-powder:#515151;--slate-grey:#696969;--white-primary:#fff;--white-secondary:#dedede;--accent:#e7931f;--tag-red:#dc2626;--tag-yellow:#eab308;--tag-blue:#06b6d4;--tag-green:#10b981;--tag-purple:#a855f7;--tag-stone:#a8a29e}::selection{background-color:#fff;background-color:var(--white-primary);color:#191919;color:var(--slate-black)}body{overflow-x:hidden}.white{color:#dedede;color:var(--white-secondary)}.grey{color:#696969;color:var(--slate-grey)}.fullScreen{height:100vh;width:100vw}.titleCursive{color:#515151;color:var(--slate-powder);font-family:Playwrite US Trad,cursive;font-optical-sizing:auto;font-size:3em}@media screen and (max-width:768px){.titleCursive{font-size:3em;height:20vh}}.homepage{align-items:center;background:#121212;background:var(--black);display:flex;font-size:5em;font-weight:999;justify-content:space-evenly;width:100vw}.homeText{color:#fff;color:var(--white-primary);font-family:JetBrains Mono,monospace;text-align:right;z-index:10}.homeKavinImg{aspect-ratio:1/1;border-radius:30px;box-shadow:0 0 60px #515151;box-shadow:0 0 60px var(--slate-powder);transition:.3s ease;transition:all .25s ease-in-out;width:30vw;z-index:10}.homeKavinImg:hover{box-shadow:0 0 60px #696969;box-shadow:0 0 60px var(--slate-grey);z-index:10}.homeHey{color:#696969;color:var(--slate-grey);font-size:.2em;z-index:10}@media screen and (max-width:768px){.homepage{flex-direction:column;z-index:10}.homeText{text-align:center;z-index:10}.homeKavinImg{width:60vw;z-index:10}}.mazePage{align-items:center;background:#121212;background:var(--black);display:flex;justify-content:center;overflow:hidden;position:relative}.mazeImage{background-size:contain;opacity:.5;position:absolute;right:0;top:0;z-index:0}.mazeContent{align-items:flex-start;color:#fff;color:var(--white-primary);display:flex;flex-direction:column;font-size:4em;font-weight:999;justify-content:center;width:45vw;z-index:1}@media screen and (max-width:768px){.mazeContent{font-size:3em;position:absolute;transform:rotate(90deg);width:100vw}}.mazeSpillImage{opacity:.4;position:absolute;right:0;top:-100vh}.githubPage{background:#121212;background:var(--black);flex-direction:column;position:relative}.githubContent,.githubPage{align-items:center;display:flex;justify-content:space-evenly}.githubContent{flex-direction:row;height:100vh;width:100vw}.githubCard{align-items:flex-start;background:radial-gradient(#191919,#212121);background:radial-gradient(var(--slate-black),var(--slate-cement));border:1px solid #515151;border:1px solid var(--slate-powder);border-radius:20px;display:flex;flex-direction:column;height:50vh;justify-content:space-evenly;padding:2em;transition:all .2s ease-in-out;width:40vw;z-index:1}.githubCard:hover{border:1px solid #696969;border:1px solid var(--slate-grey)}.githubCardTop{align-items:center;display:flex;justify-content:space-between;width:100%}.githubUserName{color:#fff;color:var(--white-primary);font-size:2em;font-weight:600}.githubUserId{color:#696969;color:var(--slate-grey);font-size:1.5em;font-weight:600}.githubCardLink{color:#fff;color:var(--white-primary);font-size:1.5em;font-weight:501}.githubKavinImg{aspect-ratio:1/1;border-radius:50vh;width:200px}.githubText{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;z-index:1}.githubText>p{color:#fff;color:var(--white-primary);font-size:3.5em;font-weight:600}@media screen and (max-width:768px){.githubContent{flex-direction:column}.githubCard{font-size:.8em;height:40vh;width:80vw}.githubUserId,.githubUserName{text-align:right}.githubText{align-items:flex-start}.githubKavinImg{width:100px}.githubText>p{font-size:2em}}.skillsPage{background:#121212;background:var(--black);flex-direction:column;position:relative}.skillsPage,.skillsSkillBoxesContainer{align-items:center;display:flex;justify-content:space-evenly}.skillsSkillBoxesContainer{width:100vw}.skillsText{bottom:0;font-size:5em;font-weight:600;position:absolute;z-index:2}.skillsBox,.skillsText{color:#fff;color:var(--white-primary)}.skillsBox{background:#191919;background:var(--slate-black);border:1px solid #191919;border:1px solid var(--slate-black);border-radius:20px;height:40vh;padding:2em;transition:all .2s ease-in-out;width:20vw}.skillsBox:hover{border:1px solid #515151;border:1px solid var(--slate-powder)}.skillsBoxTitle{font-size:2em}.skillsBoxContent,.skillsBoxTitle{font-family:JetBrains Mono,monospace}.skillsBoxContent{margin-left:20%}@media screen and (max-width:768px){.skillsPage{height:auto}.skillsSkillBoxesContainer{flex-direction:column;height:auto}.skillsBox{align-items:flex-start;display:flex;flex-direction:column;height:20vh;justify-content:center;margin:20px;padding:20px;width:80vw}.skillsBoxTitle,.skillsText{font-size:1.5em}.skillsBoxContent{margin-left:10%}}.projectCard{align-items:flex-start;background:#191919;background:var(--slate-black);border:1px solid #191919;border:1px solid var(--slate-black);border-radius:20px;color:#fff;color:var(--white-primary);display:flex;flex-direction:column;height:25vh;justify-content:space-between;padding:2em;transition:all .2s ease-in-out;width:28vw}.projectCard:hover{border:1px solid #515151;border:1px solid var(--slate-powder)}.projectCardHeaders{align-items:center;display:flex;flex-direction:row;gap:50px;justify-content:space-between;width:100%}.projectCardLink{color:#696969;color:var(--slate-grey);font-size:.8em;font-weight:501}.tagRed{color:#dc2626;color:var(--tag-red)}.tagYellow{color:#eab308;color:var(--tag-yellow)}.tagBlue{color:#06b6d4;color:var(--tag-blue)}.tagGreen{color:#10b981;color:var(--tag-green)}.tagPurple{color:#a855f7;color:var(--tag-purple)}.tagStone{color:#a8a29e;color:var(--tag-stone)}.projectsPage{align-items:center;background-color:#121212;background-color:var(--black);display:flex;flex-direction:column;justify-content:space-between;position:relative}.projectsContainer{flex-direction:column;height:100vh}.projectsContainer,.projectsRow{align-items:center;display:flex;justify-content:space-evenly;width:100vw}.projectsRow{flex-direction:row}@media screen and (max-width:768px){.projectsPage{background-color:#121212;background-color:var(--black);height:auto}.projectsContainer{flex-direction:column;height:auto}.projectCard{align-items:flex-start;display:flex;height:20vh;justify-content:space-between;margin:20px;padding:20px;width:80vw}.projectCard,.projectsRow{flex-direction:column}.projectCardHeaders{flex-direction:row;gap:10px}}.footerPage{align-items:center;background-color:#121212;background-color:var(--black);display:flex;flex-direction:row;justify-content:space-between}.kavinWindowImg{height:80vh;width:auto;z-index:2}.languageBox{height:10vh;width:15vw}.languageBoxTitle{font-family:JetBrains Mono,monospace;font-size:1.3em}.languageBoxContent{font-family:JetBrains Mono,monospace;margin-left:20%}.footerContent{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:60vw;z-index:2}.footerIcons{cursor:pointer;height:auto;width:30px}.footerTitle{color:#696969;color:var(--slate-grey);font-size:1.5em;font-weight:700;margin-bottom:10px}.footerDevName{color:#fff;color:var(--white-primary);font-family:JetBrains Mono,sans-serif;font-size:3em}.footerSocials{align-items:center;display:flex;justify-content:space-between;margin-top:10px;width:80px}.footerText{color:#dedede;color:var(--white-secondary);font-family:JetBrains Mono,sans-serif;font-size:1em}.footerLanguages{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.footerEmail{color:#696969;color:var(--slate-grey)}@media screen and (max-width:768px){.footerPage{flex-direction:column}.footerContent{padding-left:20px;width:100vw}.footerDevName{font-size:2em}.footerIcons{width:20px}.languageBox{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:80vw}.kavinWindowImg{display:none}.footerLanguages{margin:0;width:100vw}}
/*# sourceMappingURL=main.4fa15aa4.css.map*/