body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Iceland-Regular;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#fff #282a36;background-color:var(--backgroundColor);color:#000 #f8f8f2;color:var(--fontColor)}:root[data-theme=dark] .iconToInvert{filter:invert(100%)}body,html{padding:0}.container{display:flex;flex-direction:column;padding:10px}.container .hero-section{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.container .hero-section>*{width:100%}@media(max-width:830px){.container .hero-section{flex-direction:column-reverse;text-align:center}}.container .hero-section .description h1{color:#ff79c6;font-family:Audiowide-Header;font-size:5vw;margin:15px 0}@media(max-width:830px){.container .hero-section .description h1{font-size:10vw}}.container .hero-section .description .buttons{display:flex;gap:20px;max-width:400px;padding-top:25px}@media(max-width:830px){.container .hero-section .description .buttons{justify-content:space-between;justify-self:center}}.container .hero-section .description .buttons a{background-color:#fff #282a36;background-color:var(--backgroundColor);border:4px solid #8be9fd;border:4px solid var(--variableCyan);border-radius:10px;color:#699ef7 #8be9fd;color:var(--variableCyan);padding:15px;text-decoration:none;transition:all .3s ease}.container .hero-section .description .buttons a:hover{filter:brightness(85%);transform:translateY(-5px)}.container .hero-section .image img{max-height:55vh;width:50vw}@media(max-width:830px){.container .what-i-build{text-align:center}}.container .what-i-build .tiles{display:flex;width:100%}@media(max-width:830px){.container .what-i-build .tiles{justify-content:center}}.container .what-i-build .tiles .tile{border:4px solid #bd93f9;border-radius:20px;box-sizing:border-box;color:#000 #f8f8f2;color:var(--fontColor);cursor:pointer;margin:5px;max-width:150px;padding:5px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%}.container .what-i-build .tiles .tile .icon{fill:none;stroke-width:2;stroke:#ff79c6;height:64px;margin-bottom:10px;margin-top:20px;transition:transform .6s ease;width:64px}.container .what-i-build .tiles .tile.web:hover .icon{animation:bounce .9s ease-out forwards}@keyframes bounce{0%{transform:translateY(0)}20%{transform:translateY(-20px)}40%{transform:translateY(0)}55%{transform:translateY(-10px)}70%{transform:translateY(0)}82%{transform:translateY(-4px)}to{transform:translateY(0)}}.container .what-i-build .tiles .tile.mobile{perspective:600px}.container .what-i-build .tiles .tile.mobile:hover .icon{animation:phoneSpin .9s ease-in-out forwards;transform-style:preserve-3d}@keyframes phoneSpin{0%{transform:rotateY(0deg)}40%{transform:rotateY(90deg)}60%{transform:rotateY(180deg)}80%{transform:rotateY(270deg)}to{transform:rotateY(1turn)}}.container .what-i-build .tiles .tile .tile.mobile:hover .icon{transform:rotateY(90deg)}.container .what-i-build .tiles .tile.cloud:hover .icon{transform:translateY(-8px) scale(1.05)}.container .what-i-build .tiles .tile p{font-size:14px;letter-spacing:1px;margin:0}@media screen{body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}.line{background-color:#bd93f9;height:1px;margin-left:4vw;width:92vw}.navbar{box-sizing:border-box;margin:auto;padding:2vh 16px;width:100%}.navbar .navbar-list{justify-content:flex-end}.navbar .navbar-list,.navbar .navbar-list .menu-links{align-items:center;display:flex;list-style:none;margin:0}.navbar .navbar-list .menu-links{justify-content:space-around;padding:0}.navbar .navbar-list .menu-links a{color:#000 #f8f8f2;color:var(--fontColor);font-size:x-large;font-weight:bolder;padding:15px;text-decoration:none}.navbar .navbar-list .menu-links a:hover{color:#6272a4}@media(max-width:600px){.navbar .navbar-list .menu-links a{font-size:large;padding:5px}}.navbar .navbar-list .menu-links .selected a{color:#ff79c6}.navbar .navbar-list .menu-links .theme-toggle{background:#ffbf71 #423966;background:var(--toggleBackground);border-radius:16px;height:25.6px;margin:0 auto;position:relative;transition:all 0ms ease-in-out;width:48px}.navbar .navbar-list .menu-links .theme-toggle .moon{background:#423966;border-radius:50%;box-shadow:inset 4.8px 4px 0 0 #d9fbff,0 -11.2px 0 -7.2px #ffffff1a,4.8px 11.2px 0 -7.2px #ffffff1a,3.2px 20.8px 0 -6.4px #ffffff1a,9.6px 3.2px 0 -6.56px #ffffff1a,12.8px 12.8px 0 -7.2px #ffffff1a,9.6px 20.8px 0 -7.2px #ffffff1a,-6.4px 11.2px 0 -7.2px #ffffff1a,-1.6px 16px 0 -7.2px #ffffff1a;display:block;height:16px;left:4.8px;position:absolute;top:4.8px;transform:rotate(-75deg);transition:all .4s ease-in-out;width:16px}.navbar .navbar-list .menu-links .theme-toggle .sun{background:#fff;border-radius:50%;box-shadow:inset 4.8px 4.8px 0 8px #fff,0 -8px 0 -4.32px #fff,5.6px -5.6px 0 -4.8px #fff,8px 0 0 -4.32px #fff,5.6px 5.6px 0 -4.8px #fff,0 8px 0 -4.32px #fff,-5.6px 5.6px 0 -4.8px #fff,-8px 0 0 -4.32px #fff,-5.6px -5.6px 0 -4.8px #fff;display:block;height:11.2px;left:28.8px;position:absolute;top:7.2px;transform:rotate(0deg);transition:all .4s ease-in-out;width:11.2px}.typing-container{color:#bd93f9;font-size:2rem;text-transform:uppercase;white-space:nowrap}.cursor{animation:blink 1s steps(2,start) infinite;background-color:currentColor;display:inline-block;height:1.5rem;margin-left:4px;width:2px}@keyframes blink{50%{opacity:0}}body,html{margin:0}.about-container{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);margin:auto;max-width:1280px;padding:10px}@media(max-width:600px){.about-container{display:block}}.about-container .grid-item{border:4px solid #bd93f9;border-radius:10px;-webkit-hyphens:auto;hyphens:auto;margin:10px;overflow-wrap:break-word;padding:5px;word-break:normal}.about-container .grid-item:nth-child(2n){border-color:#ff79c6}.about-container .grid-item h1{font-size:50pt;margin:0}.about-container .grid-item h2{color:#699ef7 #8be9fd;color:var(--variableCyan)}.about-container .grid-item p{font-size:x-large}.about-container .item1{border:none;grid-column-end:5;grid-column-start:1;grid-row-end:2;grid-row-start:1}.about-container .item2{grid-column-end:9;grid-column-start:5;grid-row-start:span 6}.about-container .item3{grid-column-end:5;grid-column-start:1;grid-row-end:6;grid-row-start:4}.about-container .item3 svg{margin-right:3px}.about-container .item4{container-type:inline-size;container-name:languages;grid-column-end:3;grid-column-start:1;grid-row-end:4;grid-row-start:2}.about-container .item4 ul{list-style-type:none}.about-container .item4 ul li{display:flex;justify-content:space-between;margin-bottom:5px;width:70%}.about-container .item5{grid-column-end:5;grid-column-start:3;grid-row-end:4;grid-row-start:2}.about-container .item5 li::marker{color:#ff79c6}@container languages (max-width: 230px){ul li{align-items:flex-start;flex-direction:column;gap:4px}}.ratings-container{display:flex;gap:4px}.ratings-container .circle{background-color:#0000;border:1px solid #6272a4;border-radius:50%;display:inline-block;height:8px;width:8px}.ratings-container .circle.filled{background-color:#6272a4}.projects-container{margin:20px auto;max-width:1280px;text-align:center}.projects-container .page-description{padding:0 10px}.projects-container p{font-size:20px}.project-card{background-color:#fff #282a36;background-color:var(--backgroundColor);border:1px solid #bd93f9;border:1px solid var(--cardBorderColor);border-radius:15px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:column;margin-top:10px;min-height:280px;min-width:250px;width:32%}@media(max-width:600px){.project-card{height:52vh;margin:auto auto 10px;width:80%}}.project-card>*{margin-left:2%;margin-right:2%;width:96%}.project-card img{border-radius:15px;height:250px;margin-top:2%;min-height:40%;object-fit:cover}.project-card h4{color:#bd93f9;font-size:24px;margin-bottom:0;margin-top:2%}.project-card p{margin-bottom:0;margin-top:5%}.project-card .tech-stack{margin-bottom:5px;margin-top:5%}.project-card .button-outline{background-color:#ff79c6;border-radius:30px;height:10%;left:50%;margin:auto 0 2%;min-height:10%;padding:2%;position:relative;transform:translateX(-50%);width:50%}.project-card .button-outline .button{align-items:center;background-color:#fff #282a36;background-color:var(--backgroundColor);border-radius:30px;cursor:pointer;display:flex;font-size:20px;height:93%;justify-content:center;left:2%;position:absolute;top:4%;width:96%}.project-card .button-outline .button:hover{font-weight:700}.project-card .button-outline .button a{color:#000 #f8f8f2;color:var(--fontColor);text-decoration:none}.project-card .button-outline .disabled{background-color:#d3d3d3 #252323;background-color:var(--disabledButtonBackground);cursor:default}.project-card .button-outline .disabled:hover{font-weight:400}.project-card .button-outline .disabled a{color:gray gray;color:var(--disabledButtonText);cursor:default}.card-group-container{margin-top:32px;padding:0 16px}.card-group-container h2{color:#699ef7 #8be9fd;color:var(--variableCyan);font-family:Audiowide-Header}.card-group-container .card-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media(max-width:600px){.card-group-container .card-group{flex-direction:column}}:root[data-theme=dark]{--dark:initial;--light: }:root[data-theme=light]{--dark: ;--light:initial}:root{--basePink:#f75caa;--transitionPink:#ff69b4;--endGreen:#00ff91;--fontColor:var(--light,#000) var(--dark,#f8f8f2);--backgroundColor:var(--light,#fff) var(--dark,#282a36);--variableCyan:var(--light,#699ef7) var(--dark,#8be9fd);--toggleBackground:var(--light,#ffbf71) var(--dark,#423966);--cardBorderColor:var(--light,#0000) var(--dark,#bd93f9);--disabledButtonBackground:var(--light,#d3d3d3) var(--dark,#252323);--disabledButtonText:var(--light,gray) var(--dark,gray)}.experience-container{margin-left:5vw;margin-top:5vw;text-align:center;width:90vw}.experience-container a{color:hotpink}
/*# sourceMappingURL=main.e96ae27e.css.map*/