:root{--main-color: #7fb7a5;--second-color: #4f1212;--works-count: 4}*{margin:0;padding:0;box-sizing:border-box;font-family:Domine,serif}html,body{background-color:#000;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.flex{display:flex}.text-white{color:#fff}.main-btn{background-color:#7fb7a54d;padding:12px 17px;color:#fff;border-radius:3px;border:1px solid var(--main-color);transition:.3s ease-in-out;font-weight:bolder;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer}.main-btn:hover{color:#000!important;background-color:var(--main-color)}.webgl{position:fixed;z-index:9;top:0;left:0;outline:none;pointer-events:none}.main-header{position:fixed;width:100%;height:100vh;background:#000;z-index:9;color:#fff}.main-header .header-wrapper{position:absolute;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 600px){.main-header .header-wrapper{left:auto;transform:translateY(-50%);padding:0 20px}}.main-header .header-wrapper p:first-child{font-weight:900;font-size:55px;position:relative;background:-webkit-linear-gradient(#527272,var(--main-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:-4px 8px 13px #435fa448;font-family:Gloock}.main-header .header-wrapper h1{font-size:30px;padding:5px 0}@media (max-width: 600px){.main-header .header-wrapper p:first-child{font-size:48px}.main-header .header-wrapper h1{font-size:25px}}.main-header .header-wrapper h2{font-size:16px;color:#ccc;padding:5px 0;font-style:italic}#scroll-down{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#scroll-down h2{color:var(--main-color);font-family:Roboto,Arial,sans-serif;font-weight:700;margin-top:5px;font-size:14px}#scroll-down .mouse{margin:0 auto;display:block;border-radius:50px;border:2px solid var(--main-color);height:50px;width:30px;position:relative}#scroll-down .move{position:absolute;background-color:var(--main-color);height:10px;width:10px;border-radius:50%;left:50%;transform:translate(-50%);animation:moveScrollDownButton 1.5s linear infinite}@keyframes moveScrollDownButton{0%{transform:translate(-50%,10px);opacity:0}50%{transform:translate(-50%,30px);opacity:1}to{transform:translate(-50%,40px);opacity:0}}.progress-bar-container{background:#19191a;z-index:11;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.progress-bar-container div:not(:last-child){display:none}.progress-bar-container h3{font-size:27px;font-weight:800;color:var(--main-color);border:0;background-color:transparent}.progress-bar-container p{padding:10px 0;margin-bottom:35px;color:#727272;font-weight:700;font-style:italic}.custom-progress-bar{width:30%;height:25px;background-color:#535353;border-radius:5px;overflow:hidden;position:relative}@media (max-width: 600px){.custom-progress-bar{width:60%}}.progress-value{height:100%;width:0%;background:var(--main-color)}.main-navbar{position:fixed;display:flex;align-items:center;padding:25px 45px;top:0;left:0;right:0!important;background:linear-gradient(rgba(0,0,0,1),transparent);width:100%;z-index:9}@media (max-width: 600px){.main-navbar{padding:25px}.main-navbar ul{display:block;width:100%;background:#527272;position:absolute;top:70px;left:0;padding:20px;border-radius:14px;margin:0 auto;opacity:0}.main-navbar ul li{list-style:none;padding:15px 0;display:block!important}}.main-navbar .navbar-brand{font-weight:900;font-size:21px;color:var(--main-color);cursor:pointer}.main-navbar .right-part{margin-left:auto;display:flex;align-items:center}.main-navbar .navbar-toggler{color:#fff;padding:0 20px;cursor:pointer;display:none}.main-navbar .navbar-toggler i{font-size:25px}.main-navbar .navbar-nav{display:flex;align-items:center;padding-right:15px}@media (max-width: 600px){.main-navbar .navbar-nav ul{display:none}.main-navbar .navbar-nav .navbar-toggler{display:block}}.main-navbar .navbar-nav ul{transition:.3s ease-in-out}.main-navbar .navbar-nav ul li{display:inline-block;font-size:13px;margin:0 15px;transition:.2s ease-in-out;color:#fff;position:relative;cursor:pointer}.main-navbar .navbar-nav ul li a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:2px;transition:.2s ease-in-out}.main-navbar .navbar-nav ul li a:after{content:"";position:absolute;top:20px;left:0;height:3px;width:0;border-radius:10px;background-color:var(--main-color);display:block;margin-top:5px;transition:.3s ease-in-out}.main-navbar .navbar-nav ul li a:hover:after{width:30px}.main-navbar .navbar-nav ul li a:hover{color:var(--main-color)}.main-navbar #music-toggler{cursor:pointer;color:#fff;font-size:25px;background:none;border:0;transition:.2s ease-out}.main-navbar #music-toggler:hover{color:var(--main-color)}.social-media-links{position:fixed;z-index:10;color:#fff;bottom:25px;right:25px}@media (max-width: 600px){.social-media-links{bottom:10px;right:10px}}.social-media-links ul{display:flex;flex-direction:column}.social-media-links li{list-style:none;padding:10px}.social-media-links li a{color:#fff;font-size:25px;transition:.2s ease-in-out}.social-media-links li a:hover{color:var(--main-color)}.blablas{position:fixed;bottom:50px;left:50px;z-index:9999999999999;color:#fff;width:40%}.blablas>div{display:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:30px;border-radius:30px;overflow:hidden;border:1px solid rgba(185,141,85,.2)}.blablas h3{font-size:65px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:900;color:var(--main-color);margin-bottom:25px;line-height:.8}.blablas p{font-size:20px;margin-bottom:10px;color:#dadada}@media (min-width: 1700px){.blablas{bottom:100px;left:100px;width:35%}.blablas h3{font-size:65px}.blablas p{font-size:22px}}@media (max-width: 600px){.blablas{bottom:10px;left:10px;width:80%}.blablas h3{font-size:50px}.blablas p{font-size:15px}}#portfolio{position:absolute;left:50%;transform:translate(-50%);height:100%;z-index:8;color:#fff;width:70%;margin-top:35vh}#portfolio .work{list-style:none;min-height:100vh;margin:100px 0}#portfolio .blabla .project-title,.special-heading{font-size:40px;font-weight:bolder;padding:25px 0;color:var(--main-color);position:relative;display:inline-block}#portfolio .blabla .project-title:after,.special-heading:after{content:"";position:absolute;bottom:20px;left:0;height:25px;width:100%;background-color:var(--second-color);z-index:-1;transform:skew(-20deg)}#portfolio .blabla .project-description{font-size:17px;color:#ccc;line-height:1.7}#portfolio .blabla .project-description b{color:var(--main-color)}#portfolio .blabla .technologies{margin-top:20px}#portfolio .blabla .technologies span{padding:10px;margin-right:5px;border-radius:5px;font-size:13px;font-weight:700;font-family:Arial,Helvetica,sans-serif;border:1px solid var(--main-color);color:var(--main-color);display:inline-block}#portfolio img{width:100%;height:100%;border:1px solid #686868;border-radius:5px;min-height:350px;transition:.3s ease-in-out;display:block}@media (max-width: 600px){#portfolio img{min-height:150px}#portfolio{width:90%}#portfolio .work{min-height:initial}}#portfolio .img{position:relative}#portfolio .img:after{content:"";position:absolute;top:-15px;left:-15px;height:100%;width:100%;background:transparent;border:2px solid var(--main-color);z-index:-1;opacity:0;transition:.3s ease-in-out}@media (max-width: 600px){#portfolio .img:after{top:-10px;left:-10px}}#portfolio .img:hover:after{opacity:1}#portfolio .other-projects{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:50px}#portfolio .other-projects .item{list-style:none;flex:1 1 100%;background-color:#252525;padding:30px;border-radius:5px;position:relative}#portfolio .other-projects .item .links{position:absolute;right:10px;top:10px}#portfolio .other-projects .item .links ul li{list-style:none;display:inline-block}#portfolio .other-projects .item .links a{color:#ccc;padding:0 5px;font-size:22px;transition:.2s ease-in;text-decoration:none}#portfolio .other-projects .item .links a:hover{color:var(--main-color)}#portfolio .other-projects .item .title{font-size:20px;padding:15px 0}#portfolio .other-projects .item .date{font-size:14px;margin:10px 0;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:600;color:var(--main-color)}#portfolio .other-projects .item .blabla{font-size:14px;line-height:1.5;color:#b8b8b8}#portfolio .other-projects .item .blabla b{color:var(--main-color)}@media (min-width: 600px){#portfolio .other-projects .item{flex:1 1 calc(50% - 10px)}}@media (min-width: 1024px){#portfolio .other-projects .item{flex:1 1 calc(33.33% - 10px)}}.contact{padding:100px 0;margin:auto}.contact form{padding:30px 0}.contact form .form-group{padding:10px 0}.contact form .form-group label{font-size:13px;color:#818181}.contact form input,.contact form textarea{background-color:#252525;border:0;display:block;padding:20px;width:100%;border-radius:5px;border:2px solid transparent;font-family:Arial,Helvetica,sans-serif;margin:5px 0;transition:.3s ease-in-out;outline:none;color:#fff;font-size:16px}.contact form input:hover,.contact form textarea:hover,.contac²t form input:focus,.contact form textarea:focus{border-color:var(--main-color)}.contact form textarea{min-height:150px}.contact button{background:var(--second-color);padding:15px 30px;font-size:17px;border-radius:5px;border:0;position:relative;display:inline-block;cursor:pointer;color:var(--main-color)}.contact button i{padding-left:8px;transition:.2s ease-in-out}.contact button:after{content:"";position:absolute;top:-4px;right:-4px;width:100%;height:100%;background-color:transparent;border:2px solid var(--main-color);border-radius:5px;z-index:-1;opacity:0;transition:.2s ease-in-out}.contact button:hover:after{opacity:1}.contact button:hover i{padding-left:12px}.input-error{border-color:red!important}#glitch-img{width:100%;height:100vh;position:fixed;opacity:.5;top:0;left:0;z-index:999;display:none}.d-block{display:block!important}.d-none{display:none!important}