@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&amp;display=swap";body{background:#0b0c10;font-family:Inter,sans-serif;overflow:hidden auto}p{line-height:1.6}.navbar{justify-content:center;width:100%;margin-top:40px;padding-left:200px;padding-right:200px;font-size:17px;font-weight:600;transition:all .5s;display:flex;position:relative}.navbar .section-content{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:3000px;display:flex}.navbar .logo{width:50px;height:auto}.navbar .links{flex-direction:row;justify-content:center;align-items:center;gap:25px;width:100%;height:100%;list-style-type:none;display:flex;position:absolute;top:0;left:0}.navbar .links .link{color:#e2e8f0;align-items:center;gap:10px;font-size:17px;text-decoration:none;transition:all .2s;display:flex}.navbar .links .link:hover{color:#ff9e80}.navbar .menu{color:#e2e8f0;cursor:pointer;font-size:20px;display:none}.navbar .right{z-index:1;align-items:center;gap:15px;display:flex}.navbar .right .switch{position:relative}.navbar .right .switch>span{pointer-events:none;text-transform:uppercase;text-align:center;width:50%;font-size:12px;font-weight:700;position:absolute;top:11px}.navbar .right input.check-toggle-round-flat:checked~.off,.navbar .right input.check-toggle-round-flat:checked~.on{color:#e2e8f0}.navbar .right .switch>span.on{color:#e2e8f0;padding-left:2px;left:0}.navbar .right .switch>span.off{color:#e2e8f0;padding-right:4px;right:0}.navbar .right .check-toggle{visibility:hidden;margin-left:-9999px;position:absolute}.navbar .right .check-toggle+label{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:block;position:relative}.navbar .right input.check-toggle-round-flat+label{width:97px;height:35px;padding:2px}.navbar .right input.check-toggle-round-flat+label:before,.navbar .right input.check-toggle-round-flat+label:after{content:"";display:block;position:absolute}.navbar .right input.check-toggle-round-flat+label:before{background-color:#ffffff0d;border-radius:60px;inset:2px}.navbar .right input.check-toggle-round-flat+label:after{background-color:#ffffff1a;border-radius:52px;width:44px;transition:margin .2s;top:4px;bottom:4px;left:4px}.navbar .right input.check-toggle-round-flat:checked+label:after{margin-left:45px}@media (width<=990px){.navbar .section-content .links{width:fit-content;position:relative}}@media (width<=718px){.navbar .section-content{border-bottom:2px solid #ffffff0d;flex-wrap:wrap;width:calc(100% + 60px);max-height:75px;margin-top:-40px;margin-left:-30px;margin-right:-30px;padding:20px;transition:all .5s}.navbar .section-content .logo{width:40px}.navbar .section-content .menu{display:flex}.navbar .section-content .links{opacity:0;z-index:-1;visibility:hidden;flex-direction:column;flex:100%;order:2;padding-bottom:30px;transition:all .2s}.navbar .section-content .links .link{justify-content:center;align-items:center;width:100%;display:flex}.navbar.active .section-content{max-height:1000px}.navbar.active .section-content .links{z-index:10;opacity:1;visibility:visible}}@media (width<=1289px){#navbar{padding-left:100px;padding-right:100px}}@media (width<=823px){#navbar{padding-left:30px;padding-right:30px}}.circle[data-v-cfd4254f]{pointer-events:none;z-index:-10;opacity:.6;width:100%;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(0)skew(0)skewY(0)scaleX(1)scaleY(1)}.frame-grid[data-v-cfd4254f]{z-index:-1;width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bar[data-v-cfd4254f]{z-index:10;background:#ffffff05;width:100%;height:3px;position:fixed;top:0;left:50%;transform:translate(-50%)}.bar .progress-bar[data-v-cfd4254f]{background:#ff9e80;width:0;height:3px;position:relative;left:0}#header[data-v-cfd4254f]{background:url(/images/frameGrid.svg) 50%/70% no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:50px;width:100%;height:calc(100vh - 330px);min-height:fit-content;max-height:700px;padding-left:200px;padding-right:200px;display:flex}#header .section-content[data-v-cfd4254f]{flex-direction:column;justify-content:center;align-items:center;gap:50px;width:100%;max-width:3000px;display:flex}#header .head[data-v-cfd4254f]{color:#e2e8f0;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}#header .head .me[data-v-cfd4254f]{text-align:center;font-size:20px;font-weight:600}#header .head .me span[data-v-cfd4254f]{color:#ff9e80}#header .head .title[data-v-cfd4254f]{text-transform:uppercase;text-align:center;width:80%;font-size:60px;font-weight:700}#header .description[data-v-cfd4254f]{text-align:center;color:#a3a3a3;width:40%;font-size:17px}#header .buttons[data-v-cfd4254f]{align-items:center;gap:20px;display:flex}#header .buttons .action-btn[data-v-cfd4254f]{border-radius:500px;flex-direction:row;align-items:center;gap:10px;padding:10px 30px;font-size:17px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}#header .buttons .action-btn .icon[data-v-cfd4254f]{transition:all .2s}#header .buttons .action-btn.special[data-v-cfd4254f]{color:#0b0c10;background:#ff9e80}#header .buttons .action-btn.default[data-v-cfd4254f]{color:#a3a3a3;background:#ffffff05;border:1px solid #ffffff0d}#header .buttons .action-btn:hover.special[data-v-cfd4254f]{background:#ff9e80}#header .buttons .action-btn:hover.default[data-v-cfd4254f]{background:#ffffff08;border-color:#ffffff1a}#header .buttons .action-btn:hover .icon[data-v-cfd4254f]{transform:rotate(-30deg)}@media (width<=1369px){#header .head .title[data-v-cfd4254f]{width:100%}#header .description[data-v-cfd4254f]{width:70%}}@media (width<=1043px){#header[data-v-cfd4254f]{background-size:200%}#header .description[data-v-cfd4254f]{width:100%}}@media (width<=595px){#header[data-v-cfd4254f]{flex-direction:column;gap:50px;min-height:100%;padding-top:30px}#header .head .me[data-v-cfd4254f]{font-size:17px}#header .head .title[data-v-cfd4254f]{font-size:40px}#header .description[data-v-cfd4254f]{font-size:17px}}@media (width<=1289px){#header[data-v-cfd4254f]{padding-left:100px;padding-right:100px}}@media (width<=823px){#header[data-v-cfd4254f]{padding-left:30px;padding-right:30px}}#about{justify-content:center;width:100%;padding-left:200px;padding-right:200px;display:flex}#about .section-content{justify-content:space-between;align-items:center;gap:50px;width:100%;max-width:3000px;display:flex}#about .texts{flex-direction:column;gap:50px;display:flex}#about .texts .title{color:#e2e8f0;align-items:center;gap:10px;width:100%;font-size:30px;font-weight:700;display:flex}#about .texts .title .icon{color:#ff9e80;font-size:22px;line-height:0}#about .texts .description{color:#a3a3a3;width:70%;font-size:17px}#about .texts .description a{text-decoration:underline;transition:all .2s}#about .texts .description a:hover,#about .texts .description a,#about .texts .description span{color:#ff9e80}#about .image{max-width:300px}@media (width<=1000px){#about .section-content .image{max-width:200px}}@media (width<=860px){#about .section-content{flex-direction:column;gap:50px}#about .section-content .texts .description{width:100%}}@media (width<=1289px){#about{padding-left:100px;padding-right:100px}}@media (width<=823px){#about{padding-left:30px;padding-right:30px}}.slider{white-space:nowrap;flex-direction:row;width:calc(100% + 400px);margin-left:-200px;display:flex;overflow-x:hidden}.slider .skill{cursor:pointer;color:#a3a3a3;aspect-ratio:30/9;white-space:nowrap;opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:70px;margin-inline:40px;transition:all .2s;display:flex}.slider .skill .image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:70px;height:70px;transition:all .2s}.slider .skill .image.highlight{opacity:1}.slider .skill span{font-size:15px;font-weight:600;transition:all .2s}.slider .skill:hover,.slider .skill.highlight{opacity:1}@media (width<=1289px){.slider{width:calc(100% + 200px);margin-left:-100px}}@media (width<=860px){.slider .skill{margin-inline:10px}.slider .skill .image{width:40px;height:40px}.slider .skill h3{font-size:13px}}@media (width<=823px){.slider{width:calc(100% + 60px);margin-left:-30px}}#education[data-v-c273ac72]{flex-direction:row;justify-content:center;align-items:center;gap:50px;width:100%;padding:100px 200px;display:flex;position:relative}#education .section-content[data-v-c273ac72]{flex-direction:row;justify-content:center;align-items:flex-start;gap:50px;width:100%;max-width:3000px;display:flex}#education .timeline[data-v-c273ac72]{flex-direction:column;justify-content:center;gap:50px;width:100%;display:flex}#education .frame-grid[data-v-c273ac72]{z-index:0;width:500px;margin-top:50px;position:absolute;right:-200px}#education .texts[data-v-c273ac72]{flex-direction:column;justify-content:flex-start;gap:20px;width:100%;display:flex}#education .texts .title[data-v-c273ac72]{color:#e2e8f0;align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex}#education .texts .title .icon[data-v-c273ac72]{color:#ff9e80;font-size:22px;line-height:0}#education .edu-items[data-v-c273ac72]{z-index:1;color:#e2e8f0;border-left:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;align-items:center;gap:50px;width:100%;padding-left:30px;display:flex}#education .edu-items .item[data-v-c273ac72]{flex-direction:column;justify-content:flex-start;gap:30px;width:100%;display:flex;position:relative}#education .edu-items .item[data-v-c273ac72]:before{content:"";background:#0b0c10;border:1px solid #ffffff0d;border-radius:100px;width:15px;height:15px;transition:all .2s;position:absolute;left:-39px}#education .edu-items .item[data-v-c273ac72]:hover:before{background:#ff9e80;border-color:#ff9e80}#education .edu-items .item .info[data-v-c273ac72]{flex-direction:column;gap:10px;display:flex}#education .edu-items .item .info .title[data-v-c273ac72]{color:#e2e8f0;font-size:22px;font-weight:700}#education .edu-items .item .info .date[data-v-c273ac72]{color:#a3a3a3;font-size:15px}#education .edu-items .item .info .place[data-v-c273ac72]{color:#ff9e80;font-size:17px}#education .edu-items .item .content[data-v-c273ac72]{flex-direction:column;flex:120%;gap:20px;display:flex}#education .edu-items .item .content .description[data-v-c273ac72]{color:#a3a3a3;font-size:17px}#education .edu-items .item .content .languages[data-v-c273ac72]{flex-flow:wrap;gap:15px;display:flex}#education .edu-items .item .content .languages .lang[data-v-c273ac72]{color:#a3a3a3;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:100px;padding:5px 15px;font-size:15px;font-weight:500;transition:all .2s}#education .edu-items .item .content .languages .lang[data-v-c273ac72]:hover{background:#ffffff08;border-color:#ffffff0d}@media (width<=743px){#education .edu-items .item[data-v-c273ac72]{flex-direction:column;gap:20px}}@media (width<=1289px){#education[data-v-c273ac72]{padding-left:100px;padding-right:100px}}@media (width<=823px){#education[data-v-c273ac72]{padding-left:30px;padding-right:30px}#education .section-content[data-v-c273ac72]{flex-direction:column}}#projects{justify-content:center;gap:50px;width:100%;padding-left:200px;padding-right:200px;display:flex;position:relative}#projects .section-content{flex-direction:column;justify-content:center;gap:50px;width:100%;max-width:3000px;display:flex}#projects .texts{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}#projects .texts .title{color:#e2e8f0;align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex}#projects .texts .title .icon{color:#ff9e80;font-size:22px;line-height:0}#projects .texts .description{text-align:center;color:#a3a3a3;width:70%;font-size:17px}#projects .projects-list{color:#e2e8f0;flex-direction:column;justify-content:space-between;align-items:center;gap:50px;width:100%;display:flex}#projects .projects-list .project{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;align-items:center;width:100%;height:100%;transition:all .2s;display:flex}#projects .projects-list .project .texts{border-radius:20px;flex-direction:column;flex:.55;order:0;justify-content:space-between;align-items:flex-start;gap:30px;width:100%;height:100%;padding:30px;display:flex}#projects .projects-list .project .texts .top{flex-direction:column;gap:20px;display:flex}#projects .projects-list .project .texts .top h3{color:#e2e8f0;font-size:22px;font-weight:700}#projects .projects-list .project .texts .top p{color:#a3a3a3;white-space:pre-line;font-size:17px}#projects .projects-list .project .texts .top p a{text-decoration:underline;transition:all .2s}#projects .projects-list .project .texts .top p a:hover,#projects .projects-list .project .texts .top p a,#projects .projects-list .project .texts .top p span{color:#ff9e80}#projects .projects-list .project .texts .top ul{padding-left:18px}#projects .projects-list .project .texts .tags{border-radius:17px;flex-flow:wrap;justify-content:flex-start;gap:15px;margin-bottom:10px;display:flex}#projects .projects-list .project .texts .tags p{color:#a3a3a3;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:100px;padding:5px 15px;font-size:15px;transition:all .2s}#projects .projects-list .project .texts .tags p:hover{background:#ffffff08;border-color:#ffffff1a}#projects .projects-list .project .texts .bottom{flex-flow:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}#projects .projects-list .project .texts .bottom p{color:#a3a3a3;font-size:17px}#projects .projects-list .project .texts .bottom .btns{flex-direction:row;gap:20px;display:flex}#projects .projects-list .project .texts .bottom .btns a{color:#a3a3a3;flex-direction:row;align-items:center;gap:10px;font-size:17px;text-decoration:none;transition:all .2s;display:flex}#projects .projects-list .project .texts .bottom .btns a .icon{transition:all .2s}#projects .projects-list .project .texts .bottom .btns a.url{color:#e2e8f0;font-weight:600}#projects .projects-list .project .texts .bottom .btns a.url:hover{color:#ff9e80}#projects .projects-list .project .texts .bottom .btns a.url:hover .icon{padding-left:5px}#projects .projects-list .project .texts .bottom .btns a:hover{color:#e2e8f0}#projects .projects-list .project .image-div{border-radius:20px 0 0 20px;flex-direction:column;flex:.45;justify-content:space-between;gap:10px;height:100%;display:flex;overflow:hidden}#projects .projects-list .project .image-div .image{justify-content:center;align-items:center;height:100%;transition:all .2s;display:flex;position:relative}#projects .projects-list .project .image-div .image .icon{cursor:pointer;opacity:0;color:#e2e8f0;border-radius:50%;padding:10px;font-size:25px;transition:all .2s;position:absolute}#projects .projects-list .project .image-div .image img{object-fit:cover;cursor:pointer;width:100%;height:100%;min-height:300px;transition:all .2s;position:absolute}#projects .projects-list .project .image-div .image:hover img{opacity:.2}#projects .projects-list .project .image-div .image:hover .icon{opacity:1}#projects .projects-list .project:nth-child(2n) .image-div{border-radius:0 20px 20px 0;order:1}#projects .projects-list .project:hover{background:#ffffff08;border-color:#ffffff1a}#projects .projects-list .project:hover .image-div img{transform:scale(1.05)rotate(1.1deg)}@media (width<=906px){#projects .projects-list .project:nth-child(2n) .image-div{border-bottom-right-radius:0;border-bottom-left-radius:0;order:0}#projects .projects-list .project{flex-direction:column}#projects .projects-list .project .texts .description{width:100%}#projects .projects-list .project .image-div{border-bottom-right-radius:0;border-bottom-left-radius:0;order:0}#projects .projects-list .project .image-div .image{width:100%;height:auto}#projects .projects-list .project .image-div .image img{position:relative}}@media (width<=1289px){#projects{padding-left:100px;padding-right:100px}}@media (width<=823px){#projects{padding-left:30px;padding-right:30px}}#contact{justify-content:center;width:100%;padding:100px 200px;display:flex}#contact .section-content{justify-content:space-between;align-items:flex-start;gap:50px;width:100%;max-width:3000px;display:flex}#contact .info{flex-direction:column;gap:50px;display:flex}#contact .info .texts{flex-direction:column;justify-content:flex-start;gap:20px;width:100%;display:flex}#contact .info .texts .title{color:#e2e8f0;align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex}#contact .info .texts .title .icon{color:#ff9e80;font-size:22px;line-height:0}#contact .info .texts .description{color:#a3a3a3;font-size:17px}#contact .info .links{flex-direction:column;gap:20px;display:flex}#contact .info .links h3{color:#e2e8f0;font-size:22px;font-weight:700}#contact .info .links .items{flex-direction:column;gap:20px;list-style-type:none;display:flex}#contact .info .links .items .item{color:#a3a3a3;align-items:center;gap:10px;width:fit-content;font-size:17px;text-decoration:none;transition:all .2s;display:flex}#contact .info .links .items .item a{color:#a3a3a3;text-decoration:none;transition:all .2s}#contact .info .links .items .item span{background:#a3a3a3;border-radius:50px;width:5px;height:5px;transition:all .2s;display:block}#contact .info .links .items .item:hover,#contact .info .links .items .item:hover a{color:#ff9e80}#contact .info .links .items .item:hover span{background:#ff9e80;width:20px}#contact .right{flex:80%}#contact .right form{flex-direction:column;gap:20px;display:flex}#contact .right form .after-submit{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;width:100%;display:flex}#contact .right form .after-submit .message{color:#1baa18;background:#1aaa182f;border-radius:20px;flex-direction:row;align-items:center;gap:20px;width:100%;padding:15px;font-size:17px;display:flex}#contact .right form .after-submit .message .icon{font-size:25px}#contact .right form .after-submit .close{color:#a3a3a3;cursor:pointer;font-size:25px;transition:all .2s}#contact .right form .after-submit .close:hover{color:#e2e8f0}#contact .right form div{flex-direction:column;gap:10px;display:flex}#contact .right form div label{color:#e2e8f0;cursor:pointer;font-size:15px}#contact .right form div input,#contact .right form div textarea{color:#a3a3a3;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;outline:none;padding:15px;font-size:17px}#contact .right form div input::placeholder,#contact .right form div textarea::placeholder{color:#a3a3a3}#contact .right form div input:focus,#contact .right form div textarea:focus{border-color:#ff9e80}#contact .right form div textarea{resize:none;height:180px;font-family:Inter,sans-serif}#contact .right form .footer{color:#a3a3a3;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;font-size:15px}#contact .right form .footer button{color:#0b0c10;cursor:pointer;background:#ff9e80;border:none;border-radius:500px;outline:none;flex-direction:row;align-items:center;gap:10px;padding:10px 30px;font-size:17px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}#contact .right form .footer button .icon{transition:all .2s}#contact .right form .footer button:hover{background:#ff9e80}#contact .right form .footer button:hover .icon{transform:rotate(-30deg)}@media (width<=983px){#contact .section-content{flex-direction:column}#contact .section-content .right{width:100%}}@media (width<=490px){#contact .section-content .right .after-submit{flex-direction:column}}@media (width<=395px){#contact .section-content .right .footer{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}}@media (width<=1289px){#contact{padding-left:100px;padding-right:100px}}@media (width<=823px){#contact{padding-left:30px;padding-right:30px}}#footer{background-color:#ffffff0d;width:100%;padding:20px}#footer .copyright{color:#a3a3a3;text-align:center;font-size:17px}#footer .copyright span{color:#ff9e80}.home[data-v-227f697f]{flex-direction:column;justify-content:space-around;align-items:center;width:100%;display:flex;overflow:hidden}.home .navbar[data-v-227f697f]{margin-bottom:100px}.home .section[data-v-227f697f]{border-bottom:1px solid #ffffff0d;padding-top:100px;padding-bottom:100px}