@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";body{margin:0;overflow:-moz-hidden-unscrollable;overflow:hidden;background-color:#141619}@media only screen and (max-device-width: 768px){body{font-size:2rem}}#info{position:absolute;top:0;width:100%;padding:0;box-sizing:border-box;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;z-index:2}#loading-screen{background-color:#141619;position:absolute;display:flex;align-items:center;justify-content:center;top:0;width:100%;height:100%;z-index:3}@keyframes square-animation{0%{left:0;top:0}10.5%{left:0;top:0}12.5%{left:32px;top:0}23%{left:32px;top:0}25%{left:64px;top:0}35.5%{left:64px;top:0}37.5%{left:64px;top:32px}48%{left:64px;top:32px}50%{left:32px;top:32px}60.5%{left:32px;top:32px}62.5%{left:32px;top:64px}73%{left:32px;top:64px}75%{left:0;top:64px}85.5%{left:0;top:64px}87.5%{left:0;top:32px}98%{left:0;top:32px}to{left:0;top:0}}.loader{position:relative;width:96px;height:96px;transform:rotate(45deg)}.loader-square{position:absolute;top:0;left:0;width:28px;height:28px;margin:2px;border-radius:0;background:#0a21c0;background-size:cover;background-position:center;background-attachment:fixed;animation:square-animation 10s ease-in-out infinite both}.loader-square:nth-of-type(0){animation-delay:0s}.loader-square:nth-of-type(1){animation-delay:-1.4285714286s}.loader-square:nth-of-type(2){animation-delay:-2.8571428571s}.loader-square:nth-of-type(3){animation-delay:-4.2857142857s}.loader-square:nth-of-type(4){animation-delay:-5.7142857143s}.loader-square:nth-of-type(5){animation-delay:-7.1428571429s}.loader-square:nth-of-type(6){animation-delay:-8.5714285714s}.loader-square:nth-of-type(7){animation-delay:-10s}.item-hints{--purple: #720c8f;cursor:pointer;display:flex;justify-content:flex-start;position:absolute;z-index:1}@media only screen and (max-device-width: 768px){.item-hints{display:none}}.item-hints .hint{position:relative;display:flex;justify-content:center;align-items:center;cursor:default;pointer-events:none}.item-hints .hint-dot{z-index:3;border:1px solid #ffe4e400;border-radius:50%;width:20px;height:20px;transform:translate(-0%,-0%) scale(.95);margin:auto;display:flex;align-items:center;justify-content:center;color:transparent}.item-hints .hint-radius{background-color:#ffffff1a;border-radius:50%;position:absolute;top:50%;left:50%;margin:-125px 0 0 -125px;opacity:0;visibility:hidden;transform:scale(0)}.item-hints .hint .hint-content{width:200px;position:absolute;z-index:5;padding:35px 0;opacity:0;transition:opacity .7s ease,visibility .7s ease;color:#fff;visibility:hidden;pointer-events:none}@media (min-width:640px){.item-hints .hint .hint-content{width:100px}}.item-hints .hint.active .hint-content{opacity:1;visibility:visible;pointer-events:all}.item-hints .hint-content:before{width:0px;bottom:29px;right:0;content:"";background-color:#fff;height:1px;position:absolute;transition:width .4s}.item-hints .hint.active .hint-content:before{width:100px;transition:width .4s}.item-hints .hint-content:after{transform-origin:0 50%;transform:translate(100px) rotate(45deg);bottom:29px;left:0;width:30px;content:"";background-color:#fff;height:1px;position:absolute;opacity:1;transition:opacity .5s ease}.item-hints .hint.active .hint-content:after{opacity:1;visibility:visible}.item-hints .hint[data-position="4"] .hint-content{bottom:0;right:calc(50% + 30px);margin-left:20px}*{font-family:Montserrat,sans-serif;padding:0;box-sizing:border-box;margin:0}.container{transform:translateY(0);left:5%;top:10%;position:absolute;width:40%;margin:0;transition:transform .5s ease,opacity .5s ease;display:block}@media only screen and (max-device-width: 768px){.container{width:90%;height:auto}}.container.inactive{transform:translateY(100%);opacity:0;visibility:hidden;pointer-events:none;height:0;overflow:hidden}.slider-wrapper{overflow:hidden;max-width:1200px;margin:0 70px 55px}.container .title img{display:block;margin-left:auto;margin-top:auto;width:40px;height:40px;opacity:.6;transition:all .5s ease}@media only screen and (max-device-width: 768px){.container .title img{width:5vh;height:5vh}}.container .title img:hover{opacity:1}.container .title h1{color:#fff;margin-top:auto;margin-left:20px}.container .title{display:grid;margin-left:20%;grid-template-columns:40px 100%;margin-bottom:20px}@media only screen and (max-device-width: 768px){.container .title{grid-template-columns:5vh 100%}}.container p{color:#ffffffb3;margin-bottom:10px;margin-left:60px}.card-list .card-item{color:#b3b4bd;width:75%;height:auto;padding:35px;margin:0 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#fff3;transition:all .3s ease}.card-list .card-item:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-list .card-item .user-image{width:90%;height:200px;object-fit:cover;margin-bottom:40px;border:2px solid #B3B4BD;padding:4px;transition:all 1s ease}@media only screen and (max-device-width: 768px){.card-list .card-item .user-image{height:35vh}}.card-list .card-item .user-image:hover{transform:scale(1.1)}.card-list .card-item .user-profession{font-size:1.15 rem;color:#b3b4bd;font-weight:500;margin:14px 0 40px}@media only screen and (max-device-width: 768px){.card-list .card-item .user-profession{font-size:2rem}}.card-list .card-item .message-button{font-size:1.25rem;padding:10px 35px;color:#141619;border-radius:6px;font-weight:500;cursor:pointer;background:#b3b4bd;border:1px solid transparent;transition:.2s ease;margin-bottom:5px}@media only screen and (max-device-width: 768px){.card-list .card-item .message-button{font-size:2rem}}@media only screen and (max-device-width: 768px){.card-list .card-item .user-name{font-size:3rem}}.card-list .card-item .message-button:hover{background:#0a21c0;color:#fff}.skill-list{display:grid;grid-template-columns:45% 45%;grid-gap:10px}@media only screen and (max-device-width: 768px){.skill-list{grid-template-columns:90%;grid-gap:10px}}.skill-list .skill-item{color:#fff;width:100%;height:60px;display:grid;grid-template-columns:50px 75%;border-radius:8px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#fff3;border:1px solid rgba(255,255,255,.5);transition:all .3s ease}@media only screen and (max-device-width: 768px){.skill-list .skill-item{height:5vh;grid-template-columns:4vh 75%}}.skill-list .skill-item .skill-image{width:40px;height:40px;object-fit:cover;margin-top:auto;margin-bottom:auto;margin-left:auto;transition:all 1s ease}@media only screen and (max-device-width: 768px){.skill-list .skill-item .skill-image{width:4vh;height:4vh}}.skill-list .skill-item .user-name{margin-top:auto;margin-bottom:auto;margin-left:5px;font-size:25px;font-weight:400}@media only screen and (max-device-width: 768px){.skill-list .skill-item .user-name{font-size:2.5rem}}footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;color:#fff;font-size:1rem}@media only screen and (max-device-width: 768px){footer{font-size:1.2rem}}footer p{margin:10px 10px 5px 5px}footer p a{color:#fff}nav{position:fixed;top:0;left:0;width:100%;border:1px solid #050A44;padding:16px 20px 30px;display:flex;align-items:center;transition:.3s ease-out;backdrop-filter:blur(8px) brightness(1.2);-webkit-backdrop-filter:blur(8px) brightness(1.2);text-shadow:0 0 5px rgba(0,0,0,.5);color:#fff;font-size:16px}nav.mask{mask-image:linear-gradient(black 70%,transparent);-webkit-mask-image:linear-gradient(black 70%,transparent)}nav.mask-pattern{top:300px;mask-image:url("data:image/svg+xml, %3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12.21 10.57%27%3E%3Cpath fill=%27%23ffffff%27 d=%27M6.1 0h6.11L9.16 5.29 6.1 10.57 3.05 5.29 0 0h6.1z%27/%3E%3C/svg%3E"),linear-gradient(black calc(100% - 30px),transparent calc(100% - 30px));mask-size:auto 30px,100% 100%;mask-repeat:repeat-x,no-repeat;mask-position:left bottom,top left;-webkit-mask-image:url("data:image/svg+xml, %3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12.21 10.57%27%3E%3Cpath fill=%27%23ffffff%27 d=%27M6.1 0h6.11L9.16 5.29 6.1 10.57 3.05 5.29 0 0h6.1z%27/%3E%3C/svg%3E"),linear-gradient(black calc(100% - 30px),transparent calc(100% - 30px));-webkit-mask-size:auto 30px,100% 100%;-webkit-mask-repeat:repeat-x,no-repeat;-webkit-mask-position:left bottom,top left}@media only screen and (max-device-width: 768px){nav{padding:16px 50px 30px;width:100%}}nav.is-hidden{transform:translateY(-100%)}nav a{color:inherit;text-decoration:none}nav a:hover,nav a:focus{text-decoration:underline}nav .list{list-style-type:none;margin-left:auto;display:flex}@media only screen and (max-device-width: 768px){nav .list{display:none}}nav .list li{margin-left:20px}.nav-links{display:flex;color:#b3b4bd;justify-content:center;margin-top:10%;transform:translateY(0);z-index:4;position:absolute;width:100%;transition:all .5s ease}.nav-links.is-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.nav-links a{color:inherit;text-decoration:none;font-size:3rem;margin-top:10px}.nav-links a:hover,.nav-links a:focus{text-decoration:underline}.nav-links .list{list-style-type:none;display:none;background-color:#141619;width:95%}@media only screen and (max-device-width: 768px){.nav-links .list{display:block;text-align:center}}.nav-links .list li{margin-left:20px}.menu{display:none;padding:0;font-size:0;background:none;border:none;margin-left:auto;margin-right:40px;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.menu:before{content:url(data:image/svg+xml,\ %3Csvg%20xmlns=%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox=%270%200%2024.8%2018.92%27%20width=%2735%27%20height=%2730.92%27%3E%3Cpath%20d=%27M23.8,9.46H1m22.8,8.46H1M23.8,1H1%27%20fill=%27none%27%20stroke=%27%23fff%27%20stroke-linecap=%27round%27%20stroke-width=%273%27%2F%3E%3C%2Fsvg%3E)}@media only screen and (max-device-width: 768px){.menu{display:inline-block}}.social-card svg{height:25px}.social-card{position:relative;display:flex;align-items:center;justify-content:center;background:#e7e7e7;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;height:50px;margin-bottom:20px;margin-right:10px}@media only screen and (max-device-width: 768px){.social-card{height:5vh;width:100%}}.social-card:before,.social-card:after{position:absolute;display:flex;align-items:center;width:50%;height:100%;transition:.25s linear;z-index:1}.social-card:before{content:"";left:0;justify-content:flex-end;background-color:#4d60b6}.social-card:after{content:"";right:0;justify-content:flex-start;background-color:#4453a6}.social-card:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.social-card:hover span{opacity:0;z-index:-3}.social-card:hover:before{opacity:.5;transform:translateY(-100%)}.social-card:hover:after{opacity:.5;transform:translateY(100%)}.social-card span{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#f5f5f5;font-family:Fira Mono,monospace;font-size:24px;font-weight:700;opacity:1;transition:opacity .25s;z-index:2}@media only screen and (max-device-width: 768px){.social-card span{font-size:2rem}}.social-card .social-link{position:relative;display:flex;align-items:center;justify-content:center;width:25%;height:100%;color:#f5f5f5;font-size:24px;text-decoration:none;transition:.25s}.social-card .social-link svg{text-shadow:1px 1px rgba(31,74,121,.7);transform:scale(1)}@media only screen and (max-device-width: 768px){.social-card .social-link svg{transform:scale(2)}}.social-card .social-link:hover{background-color:#f9f4ffc5;animation:bounce_613 .4s linear}@keyframes bounce_613{40%{transform:scale(1.4)}60%{transform:scale(.8)}80%{transform:scale(1.2)}to{transform:scale(1)}}.email-card{position:relative;display:flex;align-items:center;justify-content:center;background:#e7e7e7;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;height:50px;width:15vw}@media only screen and (max-device-width: 768px){.email-card{height:5vh;width:100%}}.email-card:before,.email-card:after{position:absolute;display:flex;align-items:center;width:50%;height:100%;transition:.25s linear;z-index:1}.email-card:before{content:"";left:0;justify-content:flex-end;background-color:#b6674d}.email-card:after{content:"";right:0;justify-content:flex-start;background-color:#a67744}.email-card:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.email-card:hover span{opacity:0;z-index:-3}.email-card:hover:before{opacity:.5;transform:translateY(-100%)}.email-card:hover:after{opacity:.5;transform:translateY(100%)}.email-card span{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#f5f5f5;font-family:Fira Mono,monospace;font-size:24px;font-weight:700;opacity:1;transition:opacity .25s;z-index:2}@media only screen and (max-device-width: 768px){.email-card span{font-size:2rem}}.email-card .email-link{position:relative;display:flex;align-items:center;justify-content:center;width:25%;height:100%;color:#000;font-size:1.2vw;font-weight:bolder;text-decoration:none;transform:scale(1);transition:.25s}@media only screen and (max-device-width: 768px){.email-card .email-link{font-size:2rem}}.email-card .email-link svg{text-shadow:1px 1px rgba(31,74,121,.7);transform:scale(.8)}.email-card .email-link:hover{background-color:#f9f4ffc5;transform:scale(1.1)}#About{top:40%}@media only screen and (max-device-width: 768px){#About{top:25%}}#About h1{color:#fff;font-size:4rem}@media only screen and (max-device-width: 768px){#About h1{font-size:6rem}}#About h3{color:#fff;font-size:1.5rem;font-weight:200;margin-top:10px;margin-bottom:5px}@media only screen and (max-device-width: 768px){#About h3{font-size:4rem}}#About h4{color:#fff;font-weight:200;font-size:1.2rem;margin-bottom:30px}@media only screen and (max-device-width: 768px){#About h4{font-size:2.5rem}}#About .contacts{display:grid;width:75%;grid-template-columns:50% 50%}@media only screen and (max-device-width: 768px){#About .contacts{width:100%;grid-template-columns:70%}}.swiper-button-next,.swiper-button-prev{color:#0a21c0}.swiper-pagination-bullet-active{background:#0a21c0}#progressbar{background-color:#b3b4bd;border-radius:2px;padding:2px;z-index:2;position:absolute;width:30%;bottom:30%}#progressbar div{background-color:#0a21c0;width:0%;height:5px;border-radius:10px}#Credits .card-item{width:95%}#Credits .card-item a{color:inherit;text-decoration:none}#Credits .card-item a:hover,#Credits .card-item a:focus{text-decoration:underline}#Credits .card-item.models{align-items:start}@media only screen and (max-device-width: 768px){#main-canvas{display:none}}