@import url(https://fonts.googleapis.com/css?family=Raleway:900);@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&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}.chat-container{z-index:1000}.chat-container,.chat-toggle{bottom:20px;position:fixed;right:20px}.chat-toggle{cursor:pointer}.title-avatar{display:flex}.avatar-holder-chatbox img{border:2px solid #000;border-radius:100px;height:50px;width:50px}.chat-toggle svg{filter:drop-shadow(0 8px 32px rgba(255,0,0,1));transition:transform .3s ease}.chat-toggle svg:hover{transform:scale(1.1)}.chat-toggle path{animation:blob 2s infinite forwards;transform-origin:50% 50%}.chat-toggle path:hover{fill:#fafafa}.chat-toggle text{font-family:Raleway,serif;font-size:2vmax}@keyframes blob{25%{d:path("M 90 210 C 90 180 110 160 130 160 C 160 160 180 140 200 130 C 230 120 270 100 290 140 C 310 170 340 100 360 140 C 370 160 390 180 390 210 C 390 240 380 290 350 280 C 330 270 300 280 280 290 C 260 300 230 300 220 290 C 200 270 160 310 140 280 C 130 260 90 240 90 210 ");transform:rotate(-5deg)}50%{d:path("M 90 210 C 90 180 100 150 120 130 C 150 100 180 140 200 130 C 230 120 270 100 290 140 C 300 160 330 130 360 140 C 390 150 390 180 390 210 C 390 240 380 300 350 280 C 330 270 320 230 280 260 C 260 280 220 310 200 290 C 180 270 160 280 140 280 C 110 280 90 240 90 210")}75%{d:path("M 90 210 C 90 180 110 180 130 170 C 150 160 170 130 200 130 C 240 130 260 150 290 140 C 310 130 340 120 360 140 C 380 160 390 180 390 210 C 390 240 380 260 350 270 C 320 280 290 270 270 260 C 240 250 230 280 210 290 C 180 310 130 300 110 280 C 90 260 90 240 90 210");transform:rotate(5deg)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.chat-box{animation:fadeIn .5s ease-in forwards;background:#000000e6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #ff000080;display:flex;flex-direction:column;height:500px;margin-bottom:2vh;margin-right:2vw;overflow:hidden;width:350px}.chat-box.fade-out{animation:fadeOut .5s ease-out forwards}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #fff3;box-shadow:0 5px 15px #0000001a;color:#fff;display:flex;flex-direction:column;font-size:16px;padding:10px}.close-button{--border:none;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:flex-end;margin-left:93%;right:0}.chat-header h4{font-size:3vh;margin-bottom:0;margin-left:5%;margin-top:2%}.chat-header p{font-size:.5vw;margin-left:5%;margin-top:0}.chat-input{border-top:1px solid #fff3;box-shadow:0 5px 15px #0000001a;display:flex}.chat-input,.chat-input input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;outline:none}.chat-input input{border:none;color:#fff;flex:1 1;font-size:14px;padding:10px}.chat-input input:active{border:none}.chat-input .send-button{--border:none;--color:none;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:none;clip-path:none;color:#fff;cursor:pointer;display:flex;font-size:14px;height:100%;justify-content:center;margin:0;padding:0 15px;rotate:180deg}.message{background:#fff3;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px #c80a0a80;color:#fff;margin:8px 0;max-width:80%;min-width:50px;text-align:center}.message.user{align-self:flex-end}.message p{margin:15px}.message.model{align-self:flex-start}.chat-body{color:#fff;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;overflow-y:auto;padding:15px}@media (min-width:1200px){.chat-toggle svg{height:25vh;width:35vw}.chat-toggle text{font-size:2vmax}.chat-toggle{right:-10vw}}@media (max-width:480px){.chat-toggle svg{height:30vh;width:40vw}.chat-toggle{bottom:-11vh}.chat-toggle text{font-size:3vmax}}.section-title{color:#0f0;font-size:2.5rem;text-align:center}.about-section p{color:#aaa;font-size:1.1rem;margin-top:10px;text-align:center}.projects-section{padding:50px 20px;text-align:center}.project-cards{display:flex;gap:20px;justify-content:center}.project-card{background-color:#000000b3;border:1px solid #0f0;border-radius:10px;padding:20px;width:250px}.project-link{color:#0f0;display:block;margin-top:10px;text-decoration:none}.contact-section{padding:50px 20px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:400px}.contact-form input,.contact-form textarea{background:#00000080;border:1px solid #0f0;border-radius:5px;color:#0f0;padding:10px}.contact-form button{background-color:initial;border:2px solid #0f0;color:#0f0;cursor:pointer;padding:10px;transition:background-color .3s,color .3s}.contact-form button:hover{background-color:#0f0;color:#000}.hero-section{height:90vh}.hero-section,.hero-section-home{align-items:center;display:flex;padding:0 50px}.hero-text-container{max-width:40vw}.hero-text{color:#fff;font-size:5rem;font-weight:700;line-height:1.1}.hero-subtext{color:#fff;font-size:1.5rem;margin-top:10px}.linkedin-logo{border-radius:50%;margin-bottom:2px;margin-left:5px;vertical-align:middle;width:20px}.linkedin-logo:hover{transform:scale(1.1)}.card{background:#151515;border-radius:10px;box-shadow:0 10px 25px 5px #7a474733;height:400px;margin-left:400px;margin-top:100px;overflow:hidden;position:relative;width:250px}.ds-top{animation:dsTop 1.5s;background:#fff;background-size:fit;border-top-left-radius:8px;border-top-right-radius:8px;height:80px;top:0;transform:rotate(-1deg);width:100%}.avatar-holder,.ds-top{left:0;margin:auto;position:absolute;right:0}.avatar-holder{animation:mvTop 1.5s;background:#fff;border-radius:50%;box-shadow:0 0 0 5px #151515,inset 0 0 0 5px #000;height:100px;overflow:hidden;top:40px;width:100px}.avatar-holder img{height:100%;object-fit:cover;width:100%}.name{animation:fadeIn 2s ease-in;bottom:0;height:40px;left:0;margin-top:75%;position:absolute;right:0;text-align:center;top:-60px;width:inherit}.name a{color:#fff;font-size:18px;font-weight:700;text-decoration:none}.name a:hover{color:#fff;text-decoration:underline}.button{animation:fadeIn 2s ease-in;bottom:0;height:40px;left:0;margin-top:55%;padding:8px;position:absolute;right:0;text-align:center;top:20px}.button a{border-radius:10px;color:#fff;font-size:10px;letter-spacing:.05em;padding:5px 20px;text-decoration:none;transition:all 1s}.button a:hover{background:grey;color:#fff}.ds-info{bottom:0;display:flex;height:40px;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:120px;width:inherit}.ds-info .pens,.ds-info .posts,.projects{align-items:center;animation:fadeInMove 2s;animation-fill-mode:forwards;color:#fff;position:relative;text-align:center;width:83.33333px}.ds-info h6{color:crimson;text-transform:uppercase}.ds-info p{font-size:12px}.ds-skill{animation:mvBottom 1.5s;bottom:10px;height:100px;left:0;margin:75% auto auto;right:0;width:200px}.ds-skill h6{color:crimson;font-weight:700;margin-bottom:5px;text-transform:uppercase}.skill h6{color:#fff;font-size:12px;font-weight:400;letter-spacing:.05em;margin:4px 0}.skill .fab{color:crimson;font-size:14px}.bar{background:crimson;height:5px;margin-bottom:5px;text-align:right}.bar p{animation:fadeIn 5s;color:#fff;font-size:8px;padding-top:5px}.bar:hover{background:#fff}.bar-first{animation:firstSkill 1s;animation-delay:.4s;width:100%}.bar-second{animation:secondSkill 2s;animation-delay:.4s;width:95%}.bar-third{animation:thirdSkill 3s;animation-delay:.4s;width:90%}.learn-more{color:#fff;font-size:14px;margin-top:35%;padding-top:10px;text-align:center}.flip-card{background-color:initial;border-radius:10px;box-shadow:0 10px 25px 5px #7a474733;height:400px;margin-left:20vw;margin-top:100px;perspective:1000px;width:250px}.flip-card-inner{height:100%;position:relative;transform-origin:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;border-radius:10px;box-shadow:0 10px 25px 5px #0003;height:100%;position:absolute;width:100%}.flip-card-front{background-color:#151515;justify-content:space-between}.flip-card-back,.flip-card-front{align-items:center;color:#fff;display:flex;flex-direction:column;padding:20px;text-align:center}.flip-card-back{background-color:grey;border-radius:10px;font-size:13px!important;justify-content:center;transform:rotateY(180deg)}.alert-popup{backdrop-filter:blur(15.5px);-webkit-backdrop-filter:blur(15.5px);background:#00000080;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #ffffff5e;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:400px;z-index:100}.alert-content p{color:#fff;font-size:18px}.close-btn{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .3s ease;width:30px}.close-btn:hover{background-color:#ff4040}@keyframes fadeInMove{0%{left:-300px;opacity:0}to{left:0;opacity:1}}@keyframes firstSkill{0%{width:0}to{width:100%}}@keyframes secondSkill{0%{width:0}to{width:95%}}@keyframes thirdSkill{0%{width:0}to{width:90%}}@keyframes mvBottom{0%{bottom:-150px}to{bottom:10px}}@keyframes mvTop{0%{top:-150px}to{top:40px}}@keyframes dsTop{0%{top:-150px}to{top:0}}.following{background:crimson;color:#fff}@media (max-width:480px){.hero-text-container{padding-top:18vh}.alert-popup{width:80%}.name{top:-40px}.button{top:30px}.learn-more{margin-top:0;padding-top:0}.flip-card-inner{transform-origin:center}.flip-card-back,.flip-card-front{padding:0}.flip-card{margin:15px 0 7vh}.hero-subtext{display:none}}@media (min-width:1700px){.flip-card-back{font-size:18px!important}.bar p{font-size:12px;padding-left:10px;padding-top:10px}.learn-more{font-size:1vw}.bar{height:.4vw}.button a,.ds-skill h6{font-size:.8vw}.ds-skill{margin-left:0;margin-right:0;margin-top:65%;width:300px}.linkedin-logo{width:25px}.name{top:-100px}.name a{font-size:1vw}.ds-top{height:6vw}.avatar-holder{height:7vw;width:7vw}.flip-card{height:600px;margin-left:15vw;margin-top:0;width:400px}.hero-text-container{margin-left:100px;max-width:fit-content}}.project-page{background-attachment:fixed;background-image:url(/static/media/background-image.0d0402b37f455c1dd0e7.jpg);background-size:cover;font-family:Oswald,sans-serif;min-height:100vh}.modal-container p{font-size:20px}.container{flex-wrap:wrap;padding:15vh 0}.container,.container .box{align-items:center;display:flex;justify-content:center}.container .box{height:400px;margin:40px 30px;position:relative;transition:.5s;width:320px}.container .box:before{left:50px;text-decoration:none}.container .box:after,.container .box:before{background:#fff;border-radius:8px;content:"";height:100%;position:absolute;top:0;transform:skewX(15deg);transition:.5s;width:50%}.container .box:after{filter:blur(30px);left:50}.container .box:hover:after,.container .box:hover:before{left:20px;transform:skewX(0deg);width:calc(100% - 90px)}.container .box:first-child:after,.container .box:first-child:before{background:linear-gradient(315deg,#ffbc00,#ff0058)}.container .box:nth-child(2):after,.container .box:nth-child(2):before{background:linear-gradient(315deg,#03a9f4,#ff0058)}.container .box:nth-child(3):after,.container .box:nth-child(3):before{background:linear-gradient(315deg,#4dff03,#00d0ff)}.container .box:nth-child(4):after,.container .box:nth-child(4):before{background:linear-gradient(315deg,#ff030b,#00d0ff)}.container .box span{bottom:0;display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.container .box span:before{animation:animate 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;box-shadow:0 5px 15px #00000014;content:"";height:0;left:0;opacity:0;position:absolute;top:0;transition:.1s;width:0}.container .box:hover span:before{height:100px;left:50px;opacity:1;top:-50px;width:100px}.container .box span:after{animation:animate 2s ease-in-out infinite;animation-delay:-1s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;bottom:0;box-shadow:0 5px 15px #00000014;content:"";height:100%;opacity:0;position:absolute;right:0;transition:.5s;width:100%}.container .box:hover span:after{bottom:-50px;height:100px;opacity:1;right:50px;width:100px}@keyframes animate{0%,to{transform:translateY(10px)}50%{transform:translate(-10px)}}.container .box .content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:8px;box-shadow:0 5px 15px #0000001a;color:#fff;left:0;padding:20px 40px;position:relative;transform:.5s;z-index:1}.container .box:hover .content{left:-25px;padding:60px 40px}.container .box .content h2{color:#fff;font-size:1em;margin-bottom:10px}.container .box .content p{font-size:1.1em;line-height:1.4em;margin-bottom:10px}.container .box .content a{background:#fff;border-radius:4px;color:#111;display:inline-block;font-size:1.1em;font-weight:700;margin-top:5px;padding:10px;text-decoration:none}.container .box .content a:hover{background:#ffcf4d;border:1px solid #ff005866;box-shadow:0 1px 15px #01010133}.modal-container{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:10}.modal{backdrop-filter:blur(15.5px);-webkit-backdrop-filter:blur(15.5px);background:#fff3;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;color:#fff;max-width:90%;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center;width:60rem}.modal__title{font-size:2rem;margin-bottom:2rem}.modal__text{color:#fff;font-size:1.6rem;line-height:1.6;margin-bottom:2rem;padding:0 4rem}.modal__btn-close{background:#0000;border:none;color:#fff;cursor:pointer;position:absolute;right:2rem;top:1.5rem;transition:color .3s ease}.modal__btn-close:hover{color:crimson}.modal__btn{background-color:#ff5f5f;border:none;border-radius:100rem;color:#fff;cursor:pointer;margin-top:4rem;padding:1rem 2rem;transition:transform .2s,background-color .3s}.modal__btn:hover{background-color:#ff4040;transform:translateY(-2px)}@media (max-width:480px){.modal{width:70%}.modal__title,.project-page button{font-size:20px}.modal-container p{font-size:15px}}@media (min-width:1700px){.container .box{height:600px;width:450px}.container .box:before{width:60%}.container .box:hover:before{left:15%;width:calc(80% - 90px)}.container .box .content h2{font-size:2em}.container .box:hover span:before{height:125px;top:-50px;width:125px}.container .box:hover span:after{bottom:-5px;height:125px;width:125px}.container .box .content p{font-size:1.5em}.modal{width:80vw}.modal__btn-close{top:-25%}.modal__title{font-size:3em}.modal-container p{font-size:30px}}.contact-page{background-attachment:fixed;background-image:url(/static/media/background-image.0d0402b37f455c1dd0e7.jpg);background-size:cover;font-family:Oswald,sans-serif;min-height:100vh}.contact-background{display:flex;min-height:85vh}.contact-container{flex:0 1 700px;margin:auto;padding:10px}.contact-screen{background:#3e3e3e;border-radius:15px;position:relative}.contact-screen:after{border-radius:15px;bottom:0;box-shadow:0 20px 40px #0006;content:"";display:block;left:20px;position:absolute;right:20px;top:0;z-index:-1}.contact-screen-header{align-items:center;background:#4d4d4f;border-top-left-radius:15px;border-top-right-radius:15px;display:flex;padding:10px 20px}.contact-screen-header-left{margin-right:auto}.contact-screen-header-button{background:#fff;border-radius:8px;display:inline-block;height:8px;margin-right:3px;width:8px}.contact-screen-header-button.close{background:#ed1c6f}.contact-screen-header-button.maximize{background:#e8e925}.contact-screen-header-button.minimize{background:#74c54f}.contact-screen-header-right{display:flex}.contact-screen-header-ellipsis{background:#999;border-radius:8px;height:3px;margin-left:2px;width:3px}.contact-screen-body{display:flex}.contact-screen-body-item{flex:1 1;padding:50px}.contact-app-title,.contact-screen-body-item.left{display:flex;flex-direction:column}.contact-app-title{color:#ea1d6f;font-size:26px;position:relative}.contact-app-title:after{background:#ea1d6f;bottom:-10px;content:"";display:block;height:4px;left:0;position:absolute;width:25px}.contact-app-info{color:#888;font-size:20px;margin-top:auto}.contact-app-form-group{margin-bottom:15px}.contact-app-form{width:400px}.contact-buttons{margin-bottom:0;text-align:right}.contact-app-form-button{background:none;border:none;color:#ea1d6f;cursor:pointer;font-size:14px;outline:none}.contact-app-form-button:hover{color:#b9134f}.contact-credits{align-items:center;color:#ffa4bd;display:flex;font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;justify-content:center;margin-top:20px}.contact-credits-link{align-items:center;color:#fff;display:flex;font-weight:700;text-decoration:none}.contact-dribbble{height:20px;margin:0 5px;width:20px}@media screen and (max-width:520px){.contact-screen-body{flex-direction:column}.contact-screen-body-item.left{margin-bottom:30px}.contact-app-title{flex-direction:row}.contact-app-title span{margin-right:12px}.contact-app-title:after{display:none}}@media screen and (max-width:600px){.contact-screen-body{padding:40px}.contact-screen-body-item{padding:0}}.contact-btn{--border:1px!important;background:none;border:none;color:inherit;font-weight:300;height:50px;letter-spacing:1px;outline:none;position:relative;text-transform:uppercase;width:50px}.contact-btn,.contact-btn-container{display:inline-block}.contact-btn img{bottom:0;height:30px;left:0;margin:auto;position:absolute;right:0;top:0;width:30px}.contact-airplane{transition:transform .3s linear}.contact-animation{transform:translate(100px,-100px)}.contact-btn-bg{bottom:0;height:32px;left:0;margin:auto;position:absolute;right:0;top:0;width:32px}.contact-btn-boarder{border:1px solid #fff}.contact-btn-around{background:none;border:none;color:inherit;cursor:pointer;display:inline-block;font-weight:300;height:101px;letter-spacing:1px;margin:auto;outline:none;position:relative;text-transform:uppercase;transition:all .3s;width:101px}.contact-checkmark{animation:fadeIn .5s ease-in-out forwards}.contact-airplane,.contact-checkmark{height:32px;width:32px}.contact-animation{animation:flyAway 1.5s forwards}.contact-app-form-group{margin-bottom:30px;position:relative}.contact-app-form-control{background:none;border:none;border-bottom:1px solid #666;color:#ddd;font-size:14px;outline:none;padding:10px 0;position:relative;transition:border-color .2s;width:100%}.contact-app-form-control::placeholder{color:#666}.contact-app-form-control:focus{border-bottom-color:#ddd}.contact-textarea{padding:0}.error-text{bottom:-20px;color:red;font-size:15px;left:0;margin:0;padding:0;position:absolute}.contact-error{animation:fadeIn .5s ease-in-out forwards;height:32px;width:32px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flyAway{0%{transform:translate(0)}to{opacity:0;transform:translate(100px,-100px)}}@media (max-width:480px){.error-text{bottom:-15px;font-size:10px}.contact-btn{height:30px;width:30px}.contact-btn img{height:15px;width:15px}.contact-app-info{font-size:18px}.contact-container{width:90%}.contact-app-form-group{margin-bottom:15px}.contact-app-form{width:99%}.contact-screen{margin-left:3%;margin-top:25%;width:95%}}@media (min-width:1700px){.error-text{bottom:-40px;font-size:25px}.contact-btn{height:2.5vw;width:2.5vw}.contact-btn img{height:1.5vw;width:1.5vw}.contact-app-info{font-size:1.5vw;margin-top:20vh}.contact-container{width:110vw}.contact-app-form-group{margin-bottom:50px}.contact-app-form{transform:translateX(-4vw);width:25vw}.contact-app-form-control{font-size:20px}.contact-screen{height:60vh;margin-top:25%}.contact-app-title{font-size:2.5vw}.contact-app-title:after{width:2.6vw}}.experience{background-attachment:fixed;background-image:url(/static/media/background-image.0d0402b37f455c1dd0e7.jpg);background-size:cover;color:#fff;float:left;font-family:Oswald,sans-serif;min-height:100%;min-height:100vh;position:relative;width:100%}.wrapper{background:#000000b3;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #ff0000b3;clear:both;height:100%;margin:90px 100px 30px}.wrapper:after{clear:both;content:"";display:table}.experience-wrapper{display:flex;flex-direction:column}.item{display:flex;padding-bottom:25px;padding-left:25px}h3.experience-title{color:#6c9;font-size:1.2em;font-weight:400;margin-bottom:20px;text-align:left;text-transform:uppercase}.company-wrapper{width:30%}.company-wrapper,.job-wrapper{float:left;padding-right:5%;text-align:left}.job-wrapper{width:70%}.experience-title{color:#fff;margin-bottom:15px}.section-wrapper{color:#9099a0;float:left;margin-top:20px;width:50%}.section-wrapper,h3.section-title{margin-bottom:20px;text-align:left}h3.section-title{color:#e21010;font-size:1.2em;font-weight:400;margin-top:10px;padding-left:20px;text-transform:uppercase}.skill-percentage{margin-bottom:10px;position:relative}.skill-percentage:after{background:#4a4e51;content:"";display:block;height:6px;margin-top:3px;width:100%}.skill-percentage:before{background:#d01010;bottom:0;content:"";height:6px;margin-top:3px;position:absolute}.skill-percentage:first-child:before{width:100%}.skill-percentage:nth-child(2):before{width:95%}.skill-percentage:nth-child(3):before{width:90%}.skill-percentage:nth-child(4):before{width:80%}.skill-percentage:nth-child(5):before,.skill-percentage:nth-child(6):before{width:70%}.experience p{color:#fff;padding-left:25px}li{color:#fff}.wrapper{animation:fadeIn 1s ease-out}.layers{position:relative}.layers:after,.layers:before{content:attr(data-text);position:absolute;width:110%;z-index:-1}.layers:before{color:#e0287d;left:15px;top:10px}.layers:after{color:#1bc7fb;left:-10px;top:5px}.single-path{clip-path:polygon(0 12%,53% 12%,53% 26%,25% 26%,25% 86%,31% 86%,31% 0,53% 0,53% 84%,92% 84%,92% 82%,70% 82%,70% 29%,78% 29%,78% 65%,69% 65%,69% 66%,77% 66%,77% 45%,85% 45%,85% 26%,97% 26%,97% 28%,84% 28%,84% 34%,54% 34%,54% 89%,30% 89%,30% 58%,83% 58%,83% 5%,68% 5%,68% 36%,62% 36%,62% 1%,12% 1%,12% 34%,60% 34%,60% 57%,98% 57%,98% 83%,1% 83%,1% 53%,91% 53%,91% 84%,8% 84%,8% 83%,4% 83%)}.paths{animation:paths 5s step-end infinite}@keyframes paths{0%{clip-path:polygon(0 43%,83% 43%,83% 22%,23% 22%,23% 24%,91% 24%,91% 26%,18% 26%,18% 83%,29% 83%,29% 17%,41% 17%,41% 39%,18% 39%,18% 82%,54% 82%,54% 88%,19% 88%,19% 4%,39% 4%,39% 14%,76% 14%,76% 52%,23% 52%,23% 35%,19% 35%,19% 8%,36% 8%,36% 31%,73% 31%,73% 16%,1% 16%,1% 56%,50% 56%,50% 8%)}5%{clip-path:polygon(0 29%,44% 29%,44% 83%,94% 83%,94% 56%,11% 56%,11% 64%,94% 64%,94% 70%,88% 70%,88% 32%,18% 32%,18% 96%,10% 96%,10% 62%,9% 62%,9% 84%,68% 84%,68% 50%,52% 50%,52% 55%,35% 55%,35% 87%,25% 87%,25% 39%,15% 39%,15% 88%,52% 88%)}30%{clip-path:polygon(0 53%,93% 53%,93% 62%,68% 62%,68% 37%,97% 37%,97% 89%,13% 89%,13% 45%,51% 45%,51% 88%,17% 88%,17% 54%,81% 54%,81% 75%,79% 75%,79% 76%,38% 76%,38% 28%,61% 28%,61% 12%,55% 12%,55% 62%,68% 62%,68% 51%,0 51%,0 92%,63% 92%,63% 4%,65% 4%)}45%{clip-path:polygon(0 33%,2% 33%,2% 69%,58% 69%,58% 94%,55% 94%,55% 25%,33% 25%,33% 85%,16% 85%,16% 19%,5% 19%,5% 20%,79% 20%,79% 96%,93% 96%,93% 50%,5% 50%,5% 74%,55% 74%,55% 57%,96% 57%,96% 59%,87% 59%,87% 65%,82% 65%,82% 39%,63% 39%,63% 92%,4% 92%,4% 36%,24% 36%,24% 70%,1% 70%,1% 43%,15% 43%,15% 28%,23% 28%,23% 71%,90% 71%,90% 86%,97% 86%,97% 1%,60% 1%,60% 67%,71% 67%,71% 91%,17% 91%,17% 14%,39% 14%,39% 30%,58% 30%,58% 11%,52% 11%,52% 83%,68% 83%)}76%{clip-path:polygon(0 26%,15% 26%,15% 73%,72% 73%,72% 70%,77% 70%,77% 75%,8% 75%,8% 42%,4% 42%,4% 61%,17% 61%,17% 12%,26% 12%,26% 63%,73% 63%,73% 43%,90% 43%,90% 67%,50% 67%,50% 41%,42% 41%,42% 46%,50% 46%,50% 84%,96% 84%,96% 78%,49% 78%,49% 25%,63% 25%,63% 14%)}90%{clip-path:polygon(0 41%,13% 41%,13% 6%,87% 6%,87% 93%,10% 93%,10% 13%,89% 13%,89% 6%,3% 6%,3% 8%,16% 8%,16% 79%,0 79%,0 99%,92% 99%,92% 90%,5% 90%,5% 60%,0 60%,0 48%,89% 48%,89% 13%,80% 13%,80% 43%,95% 43%,95% 19%,80% 19%,80% 85%,38% 85%,38% 62%)}1%,33%,47%,7%,78%,93%{clip-path:none}}.movement{animation:movement 8s step-end infinite;position:relative}@keyframes movement{0%{left:-20px;top:0}15%{left:10px;top:10px}60%{left:-10px;top:5px}75%{left:20px;top:-5px}to{left:5px;top:10px}}.opacity{animation:opacity 5s step-end infinite}@keyframes opacity{0%{opacity:.1}5%{opacity:.7}30%{opacity:.4}45%{opacity:.6}76%{opacity:.4}90%{opacity:.8}1%,33%,47%,7%,78%,93%{opacity:0}}.font{animation:font 7s step-end infinite}@keyframes font{0%{color:#e0287d;filter:blur(3px);font-weight:100}20%{color:#fff;filter:blur(0);font-weight:500}50%{color:#1bc7fb;filter:blur(2px);font-weight:300}60%{color:#fff;filter:blur(0);font-weight:700}90%{color:#e0287d;filter:blur(6px);font-weight:500}}.glitch span{animation:paths 3s step-end infinite}.glitch:before{animation:paths 5s step-end infinite,opacity 5s step-end infinite,font 8s step-end infinite,movement 10s step-end infinite}.glitch:after{animation:paths 5s step-end infinite,opacity 5s step-end infinite,font 7s step-end infinite,movement 8s step-end infinite}@media (max-width:480px){.wrapper{margin:90px 10px 30px 20px;width:90%}.experience p{font-size:15px}}@media (min-width:1700px){.experience p{font-size:20px}.experience .time,.experience-title{font-size:25px}.experience h3.section-title{font-size:30px}.experience li{font-size:20px}.skill-percentage:after,.skill-percentage:before{height:8px}.wrapper{box-shadow:0 8px 32px 0 red}}.hero-content{display:flex;width:100%}.hero-section-nav{display:flex;padding-bottom:20px;z-index:-1}.landing-page{background-image:url(/static/media/background-image.0d0402b37f455c1dd0e7.jpg);background-size:cover;font-family:Oswald,sans-serif;height:100%;min-height:100%;min-height:100vh}.nav-links{display:flex;gap:50px;list-style-type:none;margin-right:150px}.nav-links .active{color:#d94f5c}.menu{align-items:center;background:#000;display:flex;justify-content:space-between;padding-bottom:0;position:fixed;width:100%;z-index:10}.menu li{height:50px;text-align:center;transition:background-position-x .9s linear;-webkit-transition:background-position-x .9s linear;width:125px}.menu li a{color:#fff;font-size:22px;text-decoration:none;transition:all .45s;-webkit-transition:all .45s}.menu li:hover{animation:line 1s;-webkit-animation:line 1s;background:url(/static/media/line.f9621a3bafc9c024b301.svg)}.menu li:hover a{color:#d94f5c}.menu li:not(:last-child){margin-right:30px}@keyframes line{0%{background-position-x:390px}}.navbar-logo{height:auto;margin-left:50px;object-fit:contain;width:100px}.hero{color:#fff;display:inline-block;filter:drop-shadow(0 1px 3px);font-size:90px;letter-spacing:2px;line-height:1;z-index:2}.hero-container{padding:200px 0;position:relative;text-align:center}button{--border:3px;--slant:0.4em;--color:#fff;background:linear-gradient(to bottom left,var(--color) 50%,#0000 50.1%) 100% 0,linear-gradient(to top right,var(--color) 50%,#0000 50.1%) 0 100%;background-repeat:no-repeat;background-size:calc(var(--slant) + var(--border)*1.3) calc(var(--slant) + var(--border)*1.3);border:none;box-shadow:0 0 0 200px inset #0000,0 0 0 var(--border) inset var(--color);box-shadow:0 0 0 200px inset var(--s,#0000),0 0 0 var(--border) inset var(--color);clip-path:polygon(0 0,calc(100% - var(--slant)) 0,100% var(--slant),100% 100%,var(--slant) 100%,0 calc(100% - var(--slant)));color:var(--color);cursor:pointer;font-size:18px;font-weight:700;padding:.3em 1em;transition:color .3s,background-size .3s;transition:color var(--t,.3s),background-size .3s}button:focus-visible{background-size:0 0;clip-path:none;outline:var(--border) solid #fff;outline-offset:calc(var(--border)*-1)}button:active,button:hover{--t:0.2s 0.1s;background-size:100% 100%;color:#000}button:active{--s:#fff;transition:none}@media (max-width:1024px){.nav-links{gap:20px;margin-right:80px;margin-top:40px}.menu li a{font-size:18px}.hero{font-size:60px}.hero-container{padding:150px 0}.navbar-logo{margin-left:30px;width:80px}}@media (max-width:768px){.hero-content,.hero-section-nav,.menu{align-items:center;flex-direction:column}.nav-links{gap:10px;margin-right:0;padding-top:20px}.menu li{margin-right:10px;width:100px}.hero{font-size:40px}.hero-container{padding:100px 0}button{font-size:16px;padding:.2em .8em}}@media (max-width:480px){.hero{font-size:50px;margin-bottom:5%}.navbar-logo{width:60px}.hero-container{padding:80px 0}.navbar-logo{display:none}.nav-links{padding-left:0;padding-top:0;width:400px}button{font-size:14px;padding:.1em .6em}}@media (min-width:1700px){.menu li a{font-size:1.5vw;transform:translateY(-10px)}.menu li{height:70px;width:175px;&:hover{background-position:right 0 bottom 90px;background-size:400%}}.hero{font-size:150px;width:100%}.hero-content{width:90vw}.navbar-logo{width:100px}.hero-container{padding:80px 0}.nav-links{gap:5vw;padding-left:0;padding-top:0}button{font-size:20px;margin-top:10%;padding:.3em .6em}}