::-webkit-scrollbar{background:transparent;width:6px}::-webkit-scrollbar-thumb{background:wheat;border-radius:6px}.skeleton{-webkit-animation:skeleton-loading;animation:skeleton-loading;opacity:.7}.skeleton-text{border-radius:5px;height:.5rem;margin-bottom:.25rem;width:100%}.skeleton-text:last-child{margin:0;width:80%}@-webkit-keyframes skeleton-loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}@keyframes skeleton-loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}*{box-sizing:border-box;font-family:Comfortaa;line-height:1.6;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.allcontent,header{width:100%}header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(0,0,0,.1);box-shadow:0 4px 30px rgba(0,0,0,.322);display:flex;justify-content:center;position:fixed;top:0;z-index:100}header .logo{color:wheat;display:flex;flex-direction:row;font-family:Caveat,sans-serif;font-size:2em;font-weight:100;gap:5px;left:50px;position:absolute;width:130px}header .logo:before{content:"<"}header .logo:after{content:">"}header .logo span{color:wheat;display:flex;font-family:Caveat,sans-serif;font-weight:100;margin:0;overflow:hidden;padding:0;transition:all .3s;width:1.3ch}header .logo span:hover{cursor:pointer;width:5.7ch}header .menu-list{display:flex;font-family:Comfortaa;gap:20px;list-style:none;padding-left:0;text-decoration:none}header .menu-list .headerIcon{display:none}header .menu-list .headerText{cursor:pointer}header .menu-list .headerText a{color:#fff;text-decoration:none}header .menu-list .headerText:before{color:wheat;content:"<"}header .menu-list .headerText:after{color:wheat;content:"/>"}main{overflow-x:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}main h1{margin:0;padding:0}main .title{align-items:center;color:#fff;display:flex;font-size:2em;font-weight:100}main .title:before{color:#fff;content:"

";font-size:.5em;margin-right:5px;opacity:.3}main .title:after{color:#fff;content:"

";font-size:.5em;margin-left:5px;opacity:.3}main .home{align-items:center;color:#131313;display:flex;flex-direction:column;height:100dvh;justify-content:center;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;z-index:-1}main .home .txt{color:wheat;font-size:2em;width:18.5ch}main .home .name-for-hover{color:#fff;font-size:2em;font-weight:100;overflow:hidden;position:relative;transition:all 1s}main .home .name-for-hover:after{-webkit-animation:writeName 6s steps(14);animation:writeName 6s steps(14);background:#222;border-left:2px solid wheat;content:"";height:100%;left:calc(100% + 30px);opacity:0;position:absolute;visibility:hidden;width:100%}@-webkit-keyframes writeName{0%{left:0;opacity:1;visibility:visible}40%,60%{left:calc(100% + 30px);opacity:1}61%{opacity:0;visibility:hidden}}@keyframes writeName{0%{left:0;opacity:1;visibility:visible}40%,60%{left:calc(100% + 30px);opacity:1}61%{opacity:0;visibility:hidden}}main .home .txt-description{color:wheat;font-size:1.2em;margin-top:9px;width:30.5ch}main .home .first-object{left:15%}main .home .first-object,main .home .second-object{font-size:6em;padding:0;position:absolute;top:90%;transition-duration:.3s;transition-property:top,left;width:50px;z-index:-9}main .home .second-object{right:15%}main .home .objectAnimation{-webkit-animation:rotation 60s linear infinite alternate;animation:rotation 60s linear infinite alternate;position:absolute;user-select:none;-webkit-user-select:none}main .home .random-shapes{font-size:4em;position:absolute;-webkit-transform:translateZ(-5px) scale(1.5);transform:translateZ(-5px) scale(1.5);-webkit-transform-origin:200% center;transform-origin:200% center;transition-duration:.3s;transition-property:top,left;z-index:-10}main .home .random-shapes .randomShapeAnimation{-webkit-animation:rotation 60s linear infinite alternate;animation:rotation 60s linear infinite alternate;position:absolute;user-select:none;-webkit-user-select:none}@-webkit-keyframes rotation{to{rotate:-1turn}}@keyframes rotation{to{rotate:-1turn}}main .home .name-for-hover:hover~.first-object{-webkit-animation:none;animation:none;font-size:4em;left:calc(50% - 2.4em)!important;rotate:none;top:calc(50% + .1em)!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}main .home .name-for-hover:hover~.first-object .objectAnimation{-webkit-animation:none!important;animation:none!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}main .home .name-for-hover:hover~.second-object{-webkit-animation:none;animation:none;font-size:4em;left:calc(50% + 2.4em)!important;rotate:none;top:calc(50% + .1em)!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}main .home .name-for-hover:hover~.second-object .objectAnimation{-webkit-animation:none!important;animation:none!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}main .home .name-for-hover:hover~.random-shapes{left:50%!important;top:50%!important;transition:all .3s}main .home .name-for-hover:hover~.random-shapes,main .home .name-for-hover:hover~.random-shapes .randomShapeAnimation{-webkit-animation:none!important;animation:none!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}main .home .random-shapes:nth-child(6){left:35%;position:absolute;top:105%}main .home .random-shapes:nth-child(7){left:40%;position:absolute;top:67%}main .home .random-shapes:nth-child(8){left:11%;position:absolute;top:100%}main .home .random-shapes:nth-child(9){left:90%;position:absolute;top:114%}main .home .random-shapes:nth-child(10){left:76%;position:absolute;top:83%}main .home .random-shapes:nth-child(11){left:80%;position:absolute;top:65%}main .home .random-shapes:nth-child(12){left:26%;position:absolute;top:123%}main .home .random-shapes:nth-child(13){left:94%;position:absolute;top:88%}main .home .random-shapes:nth-child(14){left:78%;position:absolute;top:40%}main .home .random-shapes:nth-child(15){left:28%;position:absolute;top:50%}main .about{background-color:#222;display:flex;gap:20px;justify-content:center;padding:20px;width:100%}main .about h1{margin-bottom:10px}main .about .all-contant{background-color:rgba(26,26,26,.55);border-radius:10px;display:flex;flex-direction:row;gap:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;max-width:1600px;padding:50px 40px 40px;width:100%}main .about .all-contant .about-img{border-radius:10px}main .about .all-contant .about-skill-info{display:flex;flex-direction:column;gap:20px}main .about .all-contant .about-skill-info .about-container{color:wheat;font-size:1em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}main .about .all-contant .about-skill-info .about-container .about-box{background-color:#171717;border-radius:5px;padding:20px;position:relative}main .about .all-contant .about-skill-info .about-container .about-info{margin-left:40px}main .about .all-contant .about-skill-info .about-container .about-info:before{color:#fff;content:"

";margin-left:-40px;opacity:.3}main .about .all-contant .about-skill-info .about-container .about-info:after{color:#fff;content:"

";margin-left:-40px;opacity:.3}main .about .all-contant .about-skill-info .about-container .line:after{background-color:#fff;border:.1px solid #fff;bottom:3em;content:"";height:calc(100% - 6em);left:35px;opacity:.3;position:absolute;width:0}main .about .all-contant .about-skill-info .skill-container{border-radius:5px;color:wheat;font-size:1em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:100%}main .about .all-contant .about-skill-info .skill-container .all-skills{border-radius:6px;display:flex;flex-direction:row;gap:10px;justify-content:space-between}main .about .all-contant .about-skill-info .skill-container .all-skills .skill-box{background-color:#171717;border-radius:7px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 20px;position:relative;width:33%}main .about .all-contant .about-skill-info .skill-container .all-skills h3{color:#fff;font-weight:100}main .about .all-contant .about-skill-info .skill-container .all-skills h3:before{color:#fff;content:"

";font-size:.75em;margin-right:5px;opacity:.3}main .about .all-contant .about-skill-info .skill-container .all-skills h3:after{color:#fff;content:"

";font-size:.75em;margin-left:5px;opacity:.3}main .about .all-contant .about-skill-info .skill-container .skill-list:before{color:#fff;content:"";margin-left:-40px;opacity:.3}main .about .all-contant .about-skill-info .skill-container .line:after{background-color:#fff;border:.1px solid #fff;bottom:2.3em;content:"";height:calc(100% - 8.7em);left:35px;opacity:.3;position:absolute;width:0}main .about .all-contant .about-skill-info .skill-container .skill-list{list-style-type:none;margin-bottom:0;margin-top:0}main .about .all-contant .about-skill-info .skill-container .skill-list li:before{color:#fff;content:"
  • ";margin-right:5px;opacity:.3}main .about .all-contant .about-skill-info .skill-container .skill-list li:after{color:#fff;content:"
    • ";margin-left:5px;opacity:.3}main .project{display:flex;justify-content:center;margin-top:70px;padding:20px;width:100%}main .project .all-content{background-color:rgba(26,26,26,.55);border-radius:10px;display:flex;flex-direction:column;gap:20px;max-width:1600px;padding:40px;position:relative;width:100%}main .project .all-content h1{font-size:2em;font-weight:100}main .project .all-content .projects{border-radius:5px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:100%}main .project .all-content .projects .project-list:after,main .project .all-content .projects .project-list:before{color:#fff;content:"";opacity:.3}main .project .all-content .projects .project-list{cursor:pointer;display:flex;flex-direction:column-reverse;position:relative;width:100%}main .project .all-content .projects .project-list .projectCon{border-radius:6px;display:flex;flex-grow:1.8;gap:10px;margin:0 0 15px;overflow:hidden;position:relative;transition:all .5s ease-in;width:100%;z-index:1}main .project .all-content .projects .project-list .projectCon .proj-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;height:100%;opacity:.5;transition:all .5s;width:100%}main .project .all-content .projects .project-list .projectCon .view{background-color:rgba(26,26,26,.9);border-radius:6px;color:wheat;left:50%;padding:5px 10px;position:absolute;text-decoration:none;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .5s}main .project .all-content .projects .project-list .projectCon .info{background-color:#1c1c1c;border-radius:6px;color:wheat;display:flex;flex-direction:column;left:70px;padding:10px;position:absolute;top:20px;transition:all .5s;z-index:10}main .project .all-content .projects .project-list .projectCon .info .pro-name{color:#fff;font-size:1.3em}main .project .all-content .projects .project-list .projectCon .info .pro-lang{font-size:.8em}footer .contact .contact-content{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin-top:100px;padding:15px}footer .contact .contact-content .social-contact{display:flex;justify-content:space-evenly;width:100%}footer .contact .contact-content .social-contact hr{border:none;border-left:1px solid wheat;margin:0;max-width:1px;padding:0;width:1px}footer .contact .contact-content .social-contact .contact-list{display:flex;flex-direction:row;gap:20px;list-style-type:none;padding:0}footer .contact .contact-content .social-contact .contact-list a{color:#fff;font-weight:100;text-decoration:none}footer .contact .contact-content .social-contact .contact-list i{align-items:center;color:wheat;display:flex;font-size:1em;gap:10px}footer .contact .contact-content .social-contact .contact-list i span{color:#fff;font-weight:100}footer .contact .contact-content .social-contact .social{display:flex;gap:20px}footer .contact .contact-content .social-contact .social a{color:#fff;font-weight:100;text-decoration:none}footer .contact .contact-content .social-contact .social i{align-items:center;color:wheat;display:flex;flex-direction:row;font-size:1em;gap:10px}footer .contact .contact-content .social-contact .social i span{color:#fff;font-weight:100}footer .contact .contact-content .Copyright{color:#cacaca;font-size:.8em;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}footer .contact .contact-content .Copyright span{color:wheat}@media(pointer:fine){.projectCon:hover{box-shadow:0 1px 29px 8px rgba(0,0,0,.31);-webkit-box-shadow:0 1px 29px 8px rgba(0,0,0,.31);-moz-box-shadow:0 1px 29px 8px rgba(0,0,0,.31);flex-grow:10!important;transition:all .5s}.projectCon:hover .proj-img{-webkit-filter:blur(0)!important;filter:blur(0)!important;opacity:1!important;transition:all .5s}.projectCon:hover .info{top:60px!important;transition:all .5s}.projectCon:hover .view{opacity:0!important}}@media(max-width:1600px){.about .all-contant{padding:50px 20px!important}.project .all-content{padding:20px!important}.project .all-content .projects .project-info{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:calc(100vh - 200px);padding:100px 10px 50px!important}.project .all-content .projects .project-info .img-container{max-height:calc(100vh - 400px)!important;max-width:calc(100% - 20px)!important}}@media(max-width:1422px){.about .all-contant{align-items:center!important;flex-direction:row!important;gap:10px!important}.about .all-contant .about-img{height:100%!important;margin-bottom:-30px}.about .all-contant .about-skill-info .skill-container,.about .all-contant .about-skill-info .skill-container .all-skills .skill-box{width:100%!important}}@media(max-width:1200px){.about .all-contant{align-items:center!important;flex-direction:column!important;gap:40px!important}.about .all-contant .about-img{margin-bottom:0!important;max-height:calc(100vh - 300px)!important}.about .all-contant .about-container,.about .all-contant .skill-container{width:100%!important}}@media(max-width:1024px){.project-list{cursor:pointer;flex-direction:column;gap:5px!important;height:calc(100vh + 400px)!important;max-height:calc(100vh + 1000px)}.project-list,.projectCon{display:flex;position:relative;width:100%}.projectCon{border-radius:6px;flex-grow:3!important;margin:0 0 15px;overflow:hidden;transition:all .5s!important;z-index:1}.projectCon .info{background-color:#1c1c1c;border-radius:6px;color:wheat;display:flex;flex-direction:column;left:20px!important;padding:10px;position:absolute;top:20px!important;z-index:10}.projectCon .info .pro-name{color:#fff;font-size:1.3em}.projectCon .info .pro-lang{font-size:.8em}.projectEx{border-radius:6px;box-shadow:0 1px 29px 8px rgba(0,0,0,.31);-webkit-box-shadow:0 1px 29px 8px rgba(0,0,0,.31);-moz-box-shadow:0 1px 29px 8px rgba(0,0,0,.31);display:flex;flex-grow:5;margin:0 0 15px;overflow:hidden;position:relative;transition:all .5s ease-in;width:100%;z-index:1}.projectEx .proj-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;height:100%;opacity:1;transition:all .5s;width:100%}.projectEx .view{background-color:rgba(26,26,26,.9);left:50%;padding:5px 10px;text-decoration:none;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .5s}.projectEx .info,.projectEx .view{border-radius:6px;color:wheat;position:absolute}.projectEx .info{background-color:#1c1c1c;display:flex;flex-direction:column;left:20px;padding:10px;top:20px;z-index:10}.projectEx .info .pro-name{color:#fff;font-size:1.3em}.projectEx .info .pro-lang{font-size:.8em}}@media(max-width:825px){.about .all-contant .skill-container .all-skills{flex-direction:column!important}}@media(max-width:670px){header{height:60px;justify-content:start!important}header .logo{margin-left:20px;position:static;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}header .logo span{width:80px!important}header .menu,header .menu .menu-list .headerText{display:none}.home{font-size:.8em}.about .all-contant{padding:15px!important}.about .all-contant .about-img{max-width:408px!important;width:100%!important}.about .all-contant .about-skill-info .about-container{width:100%!important}.about .all-contant .skill-container .all-skills{flex-direction:column!important;justify-content:normal}.project .all-content{padding:15px!important}.project .all-content .projectCon .view{display:none!important}.contact .contact-content{align-items:center;flex-direction:column!important}.contact .contact-content hr{border-top:1px solid wheat!important;width:90%}.contact .contact-content .contact-list{flex-direction:column!important}}@media(height:330px){.about .all-contant .about-img{max-height:calc(100vh - 10px)!important}}@media screen and (-webkit-min-device-pixel-ratio:0){.home{height:calc(100vh - 60px)}} /*# sourceMappingURL=main.eea0c2e8.css.map*/