@font-face{font-family:"gramatika_black";src:url(../fonts/gramatika_black.woff) format(woff);src:url(../fonts/gramatika_black.woff2) format(woff2);font-style:normal;font-weight:normal}@font-face{font-family:"gramatika_bold";src:url(../fonts/gramatika_bold.woff) format(woff);src:url(../fonts/gramatika_bold.woff2) format(woff2);font-style:normal;font-weight:normal}@font-face{font-family:"gramatika_medium";src:url(../fonts/gramatika_medium.woff) format(woff);src:url(../fonts/gramatika_medium.woff2) format(woff2);font-style:normal;font-weight:normal}@font-face{font-family:"gramatika_regular";src:url(../fonts/gramatika_regular.woff) format(woff);src:url(../fonts/gramatika_regular.woff2) format(woff2);font-style:normal;font-weight:normal}html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ul,li,figure,figcaption,blockquote,dl,dd{margin:0;font-size:inherit}ul[class]{list-style:none;padding:0}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{text-decoration:none}html,body{height:100%}body{font-family:"Roboto",sans-serif;font-size:16px;line-height:27px;font-weight:400;color:#f0f3f5;font-style:normal;overflow:auto;overflow-x:hidden;min-width:300px;position:relative;background-color:#191919}.wrapper{display:flex;flex-direction:column;min-height:100%}main{flex:1 0 auto}.footer{flex:0 0 auto}.container{max-width:1070px;margin:0 auto;padding:0 15px;height:100%}.container-fluid{max-width:1920px;padding:0 10px;margin:0 auto}.header{position:sticky;top:0;z-index:1000}.header__wrapper{padding:30px 0}.header__content{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border:1px solid rgba(0,0,0,0);border-radius:20px;background-color:rgba(25,25,25,.4392156863);backdrop-filter:blur(20px);transition:all .5s ease}.header__content--scrolled{transition:all .5s ease;border:1px solid #26c485}.header__name{font-family:"gramatika_bold";font-size:16px;color:#cac4ce;text-transform:uppercase}.header__nav{display:flex;gap:12px;align-items:center}.header__nav-link{padding:8px;height:48px}.header__nav-link:hover>.header__nav-img{fill:#26c485}.header__nav-img{transition:all .7s ease;width:32px;height:32px;fill:#cac4ce}@keyframes color_change{from{fill:#f0f3f5}to{fill:#26c485}}.main{margin-top:100px}.main__title{text-transform:lowercase;font-family:"gramatika_regular";font-size:48px;line-height:72px;animation:show_title 1s ease}.main__greetings{margin-bottom:150px}.main__content-title{text-transform:lowercase;font-family:"gramatika_regular";font-size:36px;line-height:48px;margin-bottom:100px}.main__content-wrapper{display:flex;justify-content:center;gap:60px}.main__content-column{display:flex;flex-direction:column;gap:60px;flex-basis:40%}.main__content-column:nth-child(2){padding-top:170px}.main__content-column:nth-child(2)>.main__card-link:hover{animation:card_shake_reverse 1s ease;transform:rotate(-1deg)}.main__card{padding:40px;background-color:#1c1c1c;border-radius:40px;display:flex;flex-direction:column;gap:40px;position:relative;overflow:hidden;-webkit-box-shadow:0px 0px 42px 13px rgba(0,0,0,.38);-moz-box-shadow:0px 0px 42px 13px rgba(0,0,0,.38);box-shadow:0px 0px 42px 13px rgba(0,0,0,.38);border:1px solid rgba(38,196,133,.25);transition:all .5s ease}.main__card-image{z-index:1}.main__card-gradient{overflow:hidden;position:absolute;width:80%;height:40%;top:50px;left:40px;background:#0500ac;background:linear-gradient(180deg, rgb(5, 0, 172) 37%, rgb(199, 0, 201) 52%, rgb(255, 255, 255) 64%);filter:blur(50px);opacity:.5;z-index:0}.main__card-title{text-transform:lowercase;font-family:"gramatika_regular";font-size:24px;color:#f0f3f5;line-height:36px;font-weight:600}.main__card-text{text-transform:lowercase;font-family:"gramatika_regular";font-size:16px;line-height:24px;font-weight:400;color:#cac4ce}.main__card-img{border-radius:20px;width:100%;height:100%;-webkit-box-shadow:0px 0px 24px 2px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 24px 2px rgba(0,0,0,.75);box-shadow:0px 0px 24px 2px rgba(0,0,0,.75)}.main__card-image{transition:all .5s ease}.main__card-link:hover{animation:card_shake 1s ease;transform:rotate(1deg)}.main__card-link:hover>.main__card{border:1px solid rgba(38,196,133,.75)}.main__card-link:hover>.main__card>.main__card-image>.main__card-img{transform:scale(1.05);transition:all .5s ease}.main__card-link,.main__card,.main__card-image,.main__card-img{transition:all .5s ease}.main__contacts{margin-top:150px;margin-bottom:50px}.main__contacts-img{fill:#f0f3f5;width:36px;height:36px;transition:all .5s ease}.main__contacts-title{text-transform:lowercase;font-family:"gramatika_regular";font-size:36px;line-height:48px;margin-bottom:100px}.main__contacts-box{display:flex;flex-direction:row;justify-content:space-between}.main__contacts-item{display:flex;align-items:center}.main__contacts-text{transform:translateY(-3px);transition:all .5s ease;text-transform:lowercase;font-family:"gramatika_regular";font-size:24px;color:#f0f3f5;line-height:36px;font-weight:600}.main__contacts-link{display:flex;align-items:center;gap:10px;transition:all .5s ease}.main__contacts-link:hover>p,.main__contacts-link:hover svg{transition:all .5s ease;color:#26c485;fill:#26c485}.gradient-orange-white{opacity:.7;background:#f30;background:linear-gradient(180deg, rgb(255, 51, 0) 37%, rgb(182, 8, 8) 52%, rgb(196, 196, 196) 64%)}.gradient-white-green{opacity:.7;background:#f1f1f1;background:linear-gradient(180deg, rgb(241, 241, 241) 37%, rgb(166, 3, 3) 52%, rgb(75, 171, 0) 64%)}@keyframes show_title{from{transform:translateX(-100px);opacity:0}to{transform:translateX(0px);opacity:1}}@keyframes card_shake{0%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}100%{transform:rotate(1deg)}}@keyframes card_shake_reverse{0%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}100%{transform:rotate(-1deg)}}@media(max-width: 1100px){.main__card{padding:30px}}@media(max-width: 768px){.main__card{padding:25px}.main__card-title{font-size:20px}.main__card-text{font-size:14px}}@media(max-width: 666px){.main__content-wrapper{flex-direction:column;padding:0 40px}.main__card{padding:40px}.main__card-title{font-size:24px}.main__card-text{font-size:16px}.main__content-column:nth-child(2){padding-top:0}.main__contacts-box{flex-direction:column;justify-content:center;align-items:center;gap:20px}.main__contacts-title{margin-bottom:50px}}@media(max-width: 547px){.main__content-wrapper{padding:0 20px}.main__card{padding:30px}}@media(max-width: 420px){.main__content-wrapper{padding:0 0}.main__card{padding:30px;gap:20px}.main__card-gradient{top:30px;left:20px}}.footer{padding:60px 0}.footer__box{display:flex;justify-content:center;align-items:center}.footer__text{text-transform:lowercase;font-family:"gramatika_regular";font-size:16px;line-height:24px;font-weight:400;color:#cac4ce}.footer__text a{color:#26c485}.footer__text a:hover{text-decoration:underline}