@import url(https://fonts.googleapis.com/css?family=Lexend+Mega&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);@keyframes glitchNoise{0%{clip:rect(36px,9999px,9px,0)}25%{clip:rect(25px,9999px,99px,0)}50%{clip:rect(50px,9999px,102px,0)}75%{clip:rect(30px,9999px,92px,0)}to{clip:rect(91px,9999px,98px,0)}}@keyframes moveInfinitely{0%{top:0}to{top:-100%}}*{margin:0;padding:0;box-sizing:border-box}html{padding-left:calc(100vw - 100%)}html body{background-color:#1e1e1e;overflow-x:hidden;scroll-behavior:smooth}html body #app{font-family:Quicksand,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#c9d1d9;max-width:1680px;height:100%;margin:0 auto;overflow-wrap:break-word}html body #app .section{padding:3rem}html body #app .section .section-headline{font-size:20px;margin:1rem 0;text-align:left}@media only screen and (min-width:992px){html body #app .section{padding:3rem 5rem}html body #app .section .section-headline{font-size:24px;margin:3rem 0}}.navigation-bar{display:flex;justify-content:space-between;align-items:center;padding:3rem}.navigation-bar a{text-decoration:none;color:#c9d1d9}.navigation-bar a.logo{width:50px;font-size:24px;background-image:linear-gradient(90deg,#414345,#232526)}.navigation-bar .navigation-links{display:flex;gap:1rem}@media only screen and (min-width:768px){.navigation-bar .navigation-links{gap:3rem}.navigation-bar .navigation-links a{font-size:18px}}@media only screen and (min-width:992px){.navigation-bar{padding:2rem 5rem}}.repeating-words-container{width:50px;position:fixed;top:0;left:5px;z-index:0;cursor:default;font-size:14px;text-transform:uppercase}.repeating-words-container p{writing-mode:vertical-lr;text-orientation:upright;white-space:nowrap;position:relative}.repeating-words-container:hover{animation-play-state:paused}@media only screen and (min-width:992px){.repeating-words-container{font-size:16px}}.intro-section{display:flex;flex-direction:column;align-items:flex-start}.intro-section .intro-left{text-align:left}.intro-section .intro-left .hello .hello-text{margin:50px 0;font-size:11vw;text-transform:uppercase;letter-spacing:20px;font-weight:500;text-shadow:-3px 0 #f0f;clip-path:rect(0,900px,0,0)}.intro-section .intro-left .technologies{margin-top:50px}.intro-section .intro-left .technologies h3{margin:10px 0}.intro-section .intro-left .hello{font-family:Lexend Mega,sans-serif}.intro-section .intro-left .hello .hello-text:before{content:attr(data-text);text-shadow:5px 0 #c74646;overflow:hidden;clip-path:rect(0,900px,0,0);animation:glitchNoise .5s linear infinite alternate-reverse;position:absolute}.intro-section .main-section-container{z-index:-1;font-size:40px;display:flex;align-self:flex-start;transform:translateY(150%);margin-left:3rem}.intro-section .main-section-container p{text-align:left}.intro-section .main-section-container p span:first-of-type{color:#1e1e1e;-webkit-text-stroke-color:#fff;-webkit-text-stroke-width:1px}@media only screen and (min-width:768px){.intro-section{flex-direction:row;align-items:center}.intro-section .intro{width:50%}.intro-section .intro-left .hello .hello-text{font-size:86px}.intro-section .intro-left .hello .intro-description{font-size:18px}}@media only screen and (min-width:992px){.intro-section .intro-left .intro-description{font-size:24px}}.cta-wrapper{display:flex;justify-content:center}.cta-wrapper a{text-decoration:none}.cta-wrapper .cta{padding:15px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;color:#c9d1d9;border:1px solid #c9d1d9;border-radius:6px}.cta-wrapper .cta:hover{background-color:#2b2b2b;color:#c9d1d9}@media only screen and (min-width:992px){.cta-wrapper .cta{font-size:16px}}.projects-section{text-align:left}.projects-section h2 span{background-image:linear-gradient(transparent 18px,#f64f59,#12c2e9)}.projects-section .projects-wrapper{padding:3rem 0;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.projects-section .projects-wrapper a{text-decoration:none;color:#c9d1d9}.projects-section .projects-wrapper a .project{display:flex;flex-direction:column;justify-content:space-between;width:250px;min-height:200px;margin:2rem;padding:1rem;border:1px solid #c9d1d9;border-radius:6px}.projects-section .projects-wrapper a .project p{margin:5px 0}.projects-section .projects-wrapper a .project .project-name{font-size:20px;font-weight:500}.projects-section .projects-wrapper a .project .project-introduction .project-description{font-size:16px}.projects-section .projects-wrapper a .project .project-star{display:flex;justify-content:flex-start;gap:10px}.projects-section .projects-wrapper a .project .project-star img,.projects-section .projects-wrapper a .project .project-star p{align-self:center}.projects-section .projects-wrapper a .project .project-star img{width:18px}.projects-section .projects-wrapper a .project:hover{cursor:pointer}@media only screen and (min-width:992px){.projects-section .projects-wrapper a .project{width:350px;padding:2rem}}.post{min-width:250px;max-width:350px;min-height:200px;margin:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:1px solid #fff;border-radius:6px;text-align:left;box-shadow:1px 1px 20px hsla(0,0%,100%,.1)}.post:hover{box-shadow:5px 5px 20px hsla(0,0%,100%,.1)}.post .content-wrapper{padding:10px;margin-left:10px}.post .content-wrapper p{color:#c9d1d9;margin:10px 0}.post .content-wrapper p.title{font-weight:700}.post img{max-height:300px;width:90%;border-radius:6px;-o-object-fit:cover;object-fit:cover;margin-top:10px}.date{font-size:12px}@media only screen and (min-width:768px){.post{max-width:650px;height:250px;flex-direction:row;justify-content:space-evenly}.post .content-wrapper{width:50%}.post img{height:90%;width:40%;margin-top:0}}.posts-section h2 span{background-image:linear-gradient(transparent 18px,#3b8d99,#aa4b6b)}.posts-section .posts-wrapper{padding:3rem 0;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.posts-section .posts-wrapper a{text-decoration:none}.tags-list{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:20px}.tags-list .tag{color:#c9d1d9;cursor:pointer;padding:5px;border:1px solid #c9d1d9;border-radius:6px}.tags-list .tag:hover{background-color:#323131}.tags-list .active{background-color:#c9d1d9;color:#1e1e1e}.post-detail-wrapper{max-width:90%;margin:0 auto}.post-detail-wrapper .post-intro{text-align:left;margin:3rem 0}.post-detail-wrapper .post-intro>*{margin:10px 0}.post-detail-wrapper .post-body html{padding:0}.post-detail-wrapper .post-body{text-align:left}.post-detail-wrapper .post-body p{margin:30px 0}.post-detail-wrapper .post-body ol,.post-detail-wrapper .post-body ul{list-style-position:inside}.post-detail-wrapper .post-body ol{margin:15px}.post-detail-wrapper .post-body a{color:#fff}.post-detail-wrapper img{max-width:100%;height:auto}@media only screen and (min-width:992px){.post-detail-wrapper{max-width:60%}.post-detail-wrapper .post-body{font-size:18px}.post-detail-wrapper .post-body h1{font-size:34px}.post-detail-wrapper .post-body ol{margin:30px}}.footer-section .footer-links-wrapper{display:flex;justify-content:flex-start;flex-wrap:wrap;text-align:left}.footer-section .footer-links-wrapper .buy-me-a-coffee-link{border-bottom:1px solid #fd0}.footer-section .footer-links-wrapper a{color:#fff;text-decoration:none;padding:1rem}.footer-section .copyright-container{text-align:left;padding:1rem}.footer-section .copyright-container a{color:#fff;text-decoration:none}@media only screen and (min-width:768px){.copyright-container a,.footer-section .footer-links-wrapper a{font-size:18px}}.privacy-policy div{margin:50px 0}a[data-v-47c70d85]{color:blue}