@font-face{font-family:"Wotfard";font-weight:400;src:url("../fonts/wotfard-regular-webfont.woff2") format("woff2"),url("../fonts/wotfard-regular-webfont.ttf") format("ttf"),url("../fonts/wotfard-regular-webfont.eot") format("eot");font-display:swap}*,*::after,*::before{box-sizing:border-box;-webkit-box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1.6;font-size:16px;font-family:"Wotfard",sans-serif}body{background:var(--dark-color);overflow-x:hidden;font-variant-ligatures:none}body.dark{--soft-color: #0e141b;--gradient-bg: linear-gradient( 180deg, hsl(212deg 32% 8%) 0%, hsl(212deg 32% 8%) 8%, hsl(211deg 32% 8%) 17%, hsl(211deg 32% 8%) 25%, hsl(211deg 32% 8%) 33%, hsl(210deg 32% 9%) 42%, hsl(210deg 32% 9%) 50%, hsl(210deg 31% 9%) 58%, hsl(211deg 30% 10%) 67%, hsl(211deg 30% 10%) 75%, hsl(211deg 29% 11%) 83%, hsl(212deg 29% 11%) 92%, hsl(212deg 29% 12%) 100% );--modal-bg-color: #1e2a35;--modal-image-border-color: #fff;--github-color: #fff;--dark-color: #161e26;--border-color: #8892b0;--cursor-color: transparent;--cursor-blink-color: rgba(255, 255, 255, 0.8);--text-color: #fff;--link-text-color: #fff;--header-text-color: #617bff;--tag-color: #64ffda;--button-bg-color: rgba(45, 212, 191, 0.1);--link-bg-color: #1e2a35;--header-color: hsl(333deg, 100%, 52%)}body.light{--soft-color: #fff;--gradient-bg: linear-gradient( 180deg, hsl(203deg 69% 89%) 0%, hsl(203deg 69% 88%) 10%, hsl(203deg 69% 88%) 20%, hsl(203deg 69% 88%) 30%, hsl(204deg 69% 88%) 40%, hsl(204deg 69% 87%) 50%, hsl(204deg 68% 87%) 60%, hsl(204deg 68% 86%) 70%, hsl(203deg 67% 86%) 80%, hsl(203deg 66% 86%) 90%, hsl(203deg 66% 85%) 100% );--modal-bg-color: #c2e0f2;--modal-image-border-color: #fff;--github-color: #fff;--dark-color: #c2e0f2;--border-color: #8892b0;--cursor-color: transparent;--cursor-blink-color: #000;--text-color: #000;--link-text-color: #fff;--header-text-color: #617bff;--tag-color: #4433ff;--button-bg-color: #cce9f8;--link-bg-color: #0d1117;--header-color: hsl(333deg, 100%, 52%)}body.light #sun,body.light #sunMenu{display:none}body.dark #moon,body.dark #moonMenu{display:none}a{text-decoration:none;color:var(--text-color)}a:visited{color:var(--text-color)}img,svg{display:block}svg{fill:var(--soft-color)}p{margin-top:10px;margin-bottom:10px}button{border:none;outline:none;cursor:pointer;font-family:"Wotfard",sans-serif}.header{display:flex;justify-content:center;align-items:center;width:100%}.header img,.header svg{width:30px;height:30px;margin-left:10px;cursor:pointer}.header img:hover,.header svg:hover{animation:heartbeat 1.5s ease-in-out infinite both}@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.header .content{padding:40px 0 40px 0}.header .content svg{fill:var(--text-color)}.header .content .links{display:flex;justify-content:end;align-items:center}.header .content .header-name{color:var(--header-text-color)}.header .sidebar{padding:40px;position:fixed;top:0;left:0;width:100%;min-height:100vh;z-index:98;background-color:var(--dark-color)}.header .sidebar .sidebar-container{display:flex;justify-content:start;align-items:center;flex-direction:column;width:100%}.header .sidebar .menuIcon{display:flex;justify-content:end;align-items:center;width:100%;margin-bottom:15px}.header .sidebar .links-sidebar{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.header .sidebar .links-sidebar .link{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px}.header .sidebar .links-sidebar .link p{margin:0;font-size:25px;cursor:pointer}@media(min-width: 630px){.header .links{display:block}.header .hamburger,.header .sidebar{display:none}}@media(max-width: 630px){.header .content .links{display:none}.header .content .links svg{display:none}.header .content .links .themes{display:none}.header .content .links img{display:none}.header .content .links a{margin-bottom:10px}.header .hamburger{display:block}.header .sidebar{display:none}}@media(max-width: 340px){.header .header-name{font-size:15px}}@media(min-width: 340px){.header .header-name{font-size:24px}}@media(max-width: 1200px){.header .content{display:flex;justify-content:space-between;flex-direction:row;align-items:center}}@media(max-width: 1150px){.header .content{display:flex;justify-content:space-between;flex-direction:row;align-items:center}}@media(max-width: 1900px){.header .content{display:flex;justify-content:space-between;align-items:center}}@media(min-width: 1895px){.header .content{display:flex;justify-content:space-between;align-items:center}}.modal{display:none;position:fixed;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);height:80%;overflow:auto;box-shadow:var(--border-color) 0px 5px 15px;animation:fadeIn .4s;border-radius:20px;background:var(--modal-bg-color)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.modal svg{cursor:pointer}.modal .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:sticky;background:var(--modal-bg-color);top:0;z-index:100;padding:20px}.modal .title svg{fill:var(--text-color)}.modal .images{display:flex;width:100%;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;padding:20px}.modal .images .image{display:flex;justify-content:start;align-items:center;flex-direction:column;text-align:center;height:250px;width:205px}.modal .images .image p{margin:0}.modal .images .image img{transition:.3s ease-in-out;border:7px solid var(--modal-image-border-color)}.modal .images .image img:hover{opacity:.5;transition:.3s ease-in-out}.modal .images .image iframe{border:7px solid var(--modal-image-border-color)}@media(max-width: 450px){.modal img,.modal iframe{height:150px;width:150px}}@media(min-width: 450px){.modal img,.modal iframe{height:200px;width:220px}}@media(min-width: 1200px){.modal{width:60%}}@media(max-width: 1200px){.modal{width:80%}}.footer{display:flex;justify-content:center;align-items:center;width:100%;padding:40px 20px 40px 20px;background:var(--gradient-bg)}.footer .content,.footer .footer-content{display:flex;justify-content:space-between;align-items:center}.footer p{margin:0;cursor:default}.footer a{transition:.15s ease-in-out}.footer a:nth-last-child(n+2){margin-right:10px}.footer a:hover{opacity:.75}@media(max-width: 500px){.footer .content{flex-direction:column;text-align:center}}@media(min-width: 500px){.content{flex-direction:row}}.container{display:flex;align-items:center;flex-direction:column;color:var(--text-color);background:var(--dark-color)}.container .curve{background:var(--dark-color);padding:0;margin:0;width:100%}.container .heading{font-size:50px;padding-bottom:20px}.container .welcome{background:var(--gradient-bg);width:100%;padding:20px;display:flex;justify-content:center;flex-direction:column;align-items:center}.container .welcome .content{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.container .welcome .content .picture{border-radius:50%}.container .welcome .content u{text-decoration:none;border-bottom:5px solid var(--border-color)}.container .welcome .content .fullstackContainer{display:inline-block;width:auto}.container .welcome .content .introContainer{display:inline-block;width:auto}.container .welcome .content .intro-name{white-space:nowrap;overflow:hidden;animation:typewriter 2s steps(44) 1s 1 normal both,blinkTextCursor 1s steps(44) 4;border-right:2px solid var(--cursor-color)}@keyframes typewriter{0%{width:0}100%{width:100%}}@keyframes blinkTextCursor{from{border-right-color:var(--cursor-color)}to{border-right-color:var(--cursor-blink-color)}}.container .welcome .content .fullstack{white-space:nowrap;overflow:hidden;animation:typewriter 2s steps(55) 4s 1 normal both,blinkTextCursor 1s steps(55) 4 3.5s;border-right:2px solid var(--cursor-color)}@keyframes typewriter{from{width:0}to{width:100%}}@keyframes blinkTextCursor{from{border-right-color:var(--cursor-color)}to{border-right-color:var(--cursor-blink-color)}}.container .welcome .content h1{margin:0;padding:0}.container .technical-skills{width:100%;display:flex;padding:40px 0 40px 0;flex-direction:column;justify-content:center;align-items:center;background:var(--soft-color)}.container .technical-skills .content{display:flex;justify-content:center;align-items:center;flex-direction:column}.container .technical-skills .content .heading{text-align:center;width:100%;margin-bottom:20px}.container .technical-skills .content .technical-skills-container{width:100%;display:grid;justify-items:center}.container .technical-skills .content .technical-skills-container .column{display:flex;justify-content:start;align-items:center;flex-direction:column;padding:20px;width:245px;border-radius:20px;transition:box-shadow .3s ease-in-out}.container .technical-skills .content .technical-skills-container .column .stack{color:var(--header-text-color)}.container .technical-skills .content .technical-skills-container .column h1{font-size:30px;margin-bottom:20px}.container .technical-skills .content .technical-skills-container .column:hover{box-shadow:var(--border-color) 0px 5px 15px;transition:box-shadow .3s ease-in-out}.container .technical-skills .content .technical-skills-container .column .language{display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:default;margin-bottom:20px}.container .technical-skills .content .technical-skills-container .column .language h1{transition:.15s ease-in-out;font-size:25px;margin:0}.container .technical-skills .content .technical-skills-container .column .language p{margin:0}.container .technical-skills .content .technical-skills-container .column .language:hover h1{color:var(--tag-color)}.container .projects{width:100%;display:flex;padding:40px 0 40px 0;flex-direction:column;justify-content:center;align-items:center;background:var(--soft-color)}.container .projects .content{display:flex;justify-content:center;align-items:center;flex-direction:column}.container .projects .heading{width:100%;text-align:center}.container .projects .project-container{display:flex;width:100%;flex-wrap:wrap;justify-content:center;align-items:center}.container .projects .project-container .project{display:flex;justify-content:start;align-items:center;margin:10px;padding:20px;border-radius:20px;transition:box-shadow .3s ease-in-out}.container .projects .project-container .project h1{transition:.15s ease-in-out;color:var(--header-text-color);font-size:30px}.container .projects .project-container .project:hover{box-shadow:var(--border-color) 0px 5px 15px;transition:box-shadow .3s ease-in-out}.container .projects .project-container .project .promo-image{margin-top:10px;margin-bottom:10px}.container .projects .project-container .project .website-logo{height:30px;width:30px;margin-right:10px;fill:var(--github-color)}.container .projects .project-container .project .links{display:flex;align-items:center}.container .projects .project-container .project .tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.container .projects .project-container .project .tags .tag{margin-bottom:20px}.container .projects .project-container .project .tags .tag button{background:var(--button-bg-color);border-radius:10px;cursor:auto;transition:.15s ease-in-out;color:var(--tag-color)}.container .projects .project-container .project .tags .tag button:hover{opacity:.75}.container .projects .project-container .project button{background:var(--link-bg-color);color:var(--link-text-color)}.container .projects .project-container .project .promo-image{cursor:pointer}.container .projects .project-container .project .button-container{transition:.15s ease-in-out;border-radius:10px}.container .projects .project-container .project .button-container:hover{opacity:.75}.container .projects .project-container .project button{display:flex;justify-content:center;align-items:center;border-radius:10px;padding:10px;margin-right:20px}.container .interests{display:flex;justify-content:center;align-items:center;padding:40px 0 40px 0;width:100%;background:var(--soft-color)}.container .interests .content{display:flex;justify-content:center;align-items:center;flex-direction:column}.container .interests .heading{width:100%;text-align:center;margin-bottom:20px}.container .interests .interests-container{display:flex;justify-content:center;align-items:center;text-align:center;flex-wrap:wrap;width:100%}.container .interests .interests-container .interest{width:300px;margin-bottom:20px;color:var(--text-color);cursor:default}.container .interests .interests-container .interest h1{transition:.15s ease-in-out}.container .interests .interests-container .interest h1:hover{color:var(--tag-color)}.container .interests .interests-container h1{font-size:25px}@media(min-width: 1000px){.container .technical-skills-container{grid-template-columns:1fr 1fr 1fr 1fr}}@media(max-width: 1000px){.container .technical-skills-container{grid-template-columns:1fr 1fr}}@media(max-width: 500px){.container .technical-skills-container{grid-template-columns:1fr}.container .technical-skills-container .column{height:auto}}@media(max-width: 450px){.project{width:300px;height:600px}}@media(min-width: 450px){.project{width:450px;height:540px}}@media(max-width: 940px){.project{height:auto}}@media(min-width: 500px){.projects .project-container .project{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.projects .project-container p{text-align:center}.projects .project-container .links{display:flex;justify-content:center;align-items:center;width:100%}.projects .project-container .promo-image{height:200px}}@media(max-width: 500px){.projects .project-container .project{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.projects .project-container p{text-align:center}.projects .project-container .links{display:flex;justify-content:center;align-items:center;width:100%}.projects .project-container .promo-image{height:150px}}@media(min-width: 150px){.welcome h1{font-size:12px}.welcome p{font-size:10px}}@media(min-width: 285px){.welcome h1{font-size:14px}.welcome p{font-size:10px}}@media(min-width: 310px){.welcome h1{font-size:18px}.welcome p{font-size:13px}}@media(min-width: 340px){.welcome h1{font-size:20px}.welcome p{font-size:13px}}@media(min-width: 430px){.welcome h1{font-size:25px}.welcome p{font-size:14px}}@media(min-width: 485px){.welcome h1{font-size:30px}.welcome p{font-size:15px}}@media(min-width: 760px){.welcome h1{font-size:40px}.welcome p{font-size:16px}}@media(min-width: 950px){.welcome h1{font-size:40px}.welcome p{font-size:13px}}@media(min-width: 1200px){.welcome h1{font-size:50px}.welcome p{font-size:16px}}@media(max-width: 1200px){.container .welcome .welcome-content{width:100%;display:flex;justify-content:space-between;align-items:center}}@media(min-width: 1400px){.container .welcome .picture{height:300px;width:300px}}@media(max-width: 1600px){.container .welcome .picture{height:200px;width:200px}}@media(max-width: 950px){.container .welcome .welcome-content{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column}}@media(min-width: 1000px){.container .welcome{width:100%}}@media(min-width: 0px){.content{width:100%}}@media(min-width: 1895px){.content{width:90%}}@media(min-width: 2100px){.content{width:70%}}@media(min-width: 2700px){.content{width:60%}}@media(min-width: 3150px){.content{width:50%}}@media(min-width: 3770px){.content{width:40%}}