header{display:flex;align-items:center;justify-content:center;flex-flow:row nowrap;gap:40px;margin-top:40px}.myInput{width:100%;transition:all .6s;display:flex;align-items:center;border:1px solid #606060;border-radius:20px;padding:15px 25px;color:var(--main-text-color);font-size:var(--small-font-size);background-color:var(--input-bg-color);outline:none;text-align:left;font-family:Montserrat,sans-serif}.myInput::placeholder{transition:all .6s}.myInput:focus,.myInput:focus::placeholder{border-color:var(--active-color);color:var(--active-color)}.myTextArea{transition:all .6s;height:150px;display:flex;align-items:center;border:1px solid #606060;border-radius:20px;padding:15px 25px;color:var(--main-text-color);font-size:var(--small-font-size);background-color:var(--input-bg-color);outline:none;text-align:left;font-family:Montserrat,sans-serif;resize:none}.myTextArea::placeholder{transition:all .6s}.myTextArea:focus,.myTextArea:focus::placeholder{border-color:var(--active-color);color:var(--active-color)}.myButton{width:100%;padding:20px 0;margin-top:15px;color:var(--main-text-color);font-size:var(--small-font-size);font-family:Montserrat,sans-serif;font-weight:600;background-color:var(--active-color);border:none;border-radius:20px;cursor:pointer;transition:all .6s}.myButton:hover{background-color:var(--active-color-lighter)}.myTaskForm{width:100%;display:flex;flex-flow:column nowrap;gap:10px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#090909;overflow-x:hidden}:root{--main-bg-color: #090909;--input-bg-color: #030303;--active-color: #FF5BD9;--active-color-lighter: #f99de4;--dark-bg-color: #150712;--main-text-color: #FFFFFF;--border-color: #292929;--title-font-size: 70px;--block-title-font-size: 55px;--subtitle-font-size: 40px;--medium-font-size: 28px;--small-font-size: 18px}.App{overflow-x:hidden}.img-section-separator{margin-left:-8px}.content_second-screen img,.content_first-screen img{object-fit:cover}@media screen and (max-width: 1700px){:root{--medium-font-size: 18px;--title-font-size: 55px;--subtitle-font-size: 31px}}@media screen and (max-width: 1200px){:root{--title-font-size: 42px;--small-font-size: 14px;--block-title-font-size: 35px;--subtitle-font-size: 25px}}.content_first_screen{display:flex;gap:70px;margin:80px 150px 180px;font-family:Montserrat,sans-serif}.mascot-photo{width:100%;height:100%;object-fit:cover;border-radius:25px}.first_screen__right-part{max-width:32%;display:flex;gap:40px;flex-direction:column;justify-content:space-between;word-wrap:break-word}.right-part__title{font-size:var(--title-font-size);color:var(--main-text-color);line-height:90%;font-weight:800;letter-spacing:-1px}.right-part__subtitle{font-size:var(--subtitle-font-size);font-weight:200;color:var(--main-text-color);line-height:102%;letter-spacing:-3px;font-style:italic}@media screen and (max-width: 1700px){.content_first_screen{margin:80px 50px 180px}}@media screen and (max-width: 1200px){.right-part__subtitle{letter-spacing:-2px}}@media screen and (max-width: 1000px){.first_screen__left-part{display:none}.first_screen__right-part{max-width:100%}.content_first_screen{justify-content:center}}@media screen and (max-width: 930px){.content_first_screen{margin:90px 10px}}.content_second-screen{display:flex;flex-direction:column;gap:80px;margin:70px 150px;font-family:Montserrat,sans-serif}.second-screen__projects{display:flex;flex-direction:column;gap:150px}.second-screen__title{font-size:var(--block-title-font-size);font-weight:600;color:var(--main-text-color);letter-spacing:-2px;text-align:center}.photo-container{display:flex;flex-direction:column;gap:30px}.photo-container__head-part{display:grid;grid-template-columns:2fr auto;gap:30px}.photo-container__head-part img:first-child{grid-row:span 2}.project-name{display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);padding:50px;text-align:center;font-family:Montserrat,sans-serif;font-size:var(--subtitle-font-size);font-weight:800;color:var(--main-text-color);border-radius:25px}.photo-container img{width:100%;height:100%;border-radius:25px}.photo-container__footer-part{display:grid;grid-template-columns:5fr 4fr;gap:30px}.projects__supercooked{display:grid;grid-template-columns:10fr 7fr 7fr;grid-template-rows:1fr 4fr;gap:30px}.projects__supercooked img{grid-row:span 2;width:100%;height:100%;border-radius:25px}.project-description{display:flex;flex-direction:column;gap:50px;padding:50px 40px;border:1px solid var(--border-color);border-radius:25px;color:var(--main-text-color);grid-column:1;grid-row:2}.description__main-info{font-size:var(--subtitle-font-size);letter-spacing:-1px}.description__genres,.description__platforms{font-size:var(--small-font-size)}.description__coming-soon{width:100%;background-color:var(--dark-bg-color);padding:50px 40px;text-align:center;border-radius:25px;color:var(--active-color);font-size:var(--title-font-size);font-weight:800;letter-spacing:-2px}@media screen and (max-width: 1700px){.content_second-screen{margin:70px 50px}}@media screen and (max-width: 1200px){.photo-container__head-part,.photo-container__footer-part{grid-template-columns:auto}.projects__supercooked{grid-template-columns:auto;grid-template-rows:auto}.description__coming-soon{padding:30px 20px;font-size:30px;letter-spacing:0}}@media screen and (max-width: 930px){.content_second-screen{margin:90px 10px}.photo-container,.photo-container__head-part,.photo-container__footer-part,.projects__supercooked{gap:15px}.project-description,.project-name{padding:30px 20px}}.contacts-section{margin:0 20px;height:900px;display:flex;justify-content:center;align-items:center}.section__content{display:flex;flex-direction:column;text-align:center;font-family:Montserrat,sans-serif;gap:160px}.content__text{display:flex;flex-direction:column;gap:35px;color:var(--main-text-color)}.content__title{font-size:var(--title-font-size);font-weight:700;letter-spacing:-2px}.content__subtitle{font-size:var(--medium-font-size);font-weight:200}.content__contacts-links{display:flex;flex-direction:row;justify-content:center;gap:40px}.contacts-links__link{filter:brightness(80%);transition:all .6s;font-weight:600;font-size:var(--medium-font-size);color:var(--active-color);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;text-decoration:none}.contacts-links__link:hover{filter:brightness(120%)}@media screen and (max-width: 1100px){.content__contacts-links{flex-direction:column;align-items:center}}@media screen and (max-width: 1700px){.content__contacts-links img{width:28px}.contacts-section{height:750px}}.thxContainer{max-width:32%;padding:90px 50px;border-radius:25px;background-color:var(--dark-bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;font-family:Montserrat,sans-serif}.thxContainer__title{width:100%;font-size:40px;font-weight:800;text-align:center;color:var(--active-color)}.thxContainer__subtitle{max-width:80%;font-size:var(--medium-font-size);font-weight:300;text-align:center;color:var(--active-color-lighter)}@media screen and (max-width: 1100px){.thxContainer{max-width:100%}.thxContainer__title{font-size:33px}}@media screen and (max-width: 600px){.thxContainer{padding:90px 10px}}.myFooter{display:flex;width:100%;align-items:center;justify-content:center;margin-bottom:20px}.myFooter__developers{display:flex;flex-direction:row}.developers__person{display:flex;flex-direction:row;align-items:center;gap:7px;color:var(--border-color);font-family:Montserrat,sans-serif;font-weight:600;-webkit-user-select:none;user-select:none;filter:grayscale(100%) brightness(15%);transition:all .6s;cursor:pointer;text-decoration:none}.developers__person:hover{filter:grayscale(0) brightness(100%)}.developers__person:hover:after{background-color:#ffea6457;filter:blur(28px)}.developers__person img{width:40px;height:40px}