*,::after,::before{margin:0;padding:0;box-sizing:border-box;outline:none}html{font-size:10px;scroll-behavior:smooth;scroll-padding-top:8rem}body{font-family:"Inter-regular";color:white;font-size:1.8rem;background:black;cursor:none}body::-webkit-scrollbar{width:1rem;background-color:black}body::-webkit-scrollbar-thumb{background-color:#242424;border-radius:1rem}p::selection{background:#E43D12;color:black}h1::selection,h2::selection,h3::selection{background:#E43D12;color:black}input::selection{background:#E43D12;color:black}img::selection{background:#E43D12}a::selection{background:#E43D12;color:black}textarea::selection{background:#E43D12;color:black}button::selection{background:#E43D12;color:black}span::selection{background:#E43D12;color:black}.background-wripper{position:fixed;display:flex;justify-content:space-between;width:90%;left:50%;transform:translateX(-50%)}.background-line{width:.1rem;height:100vh;background:white;opacity:.12}@media (max-width: 600px){.background-line{opacity:.09}}@media (max-width: 600px){.background-line-4{display:none}}@media (max-width: 1200px){.background-line-5{display:none}}@media (max-width: 1200px){.background-line-6{display:none}}.circle{--circle-size: 30px;position:fixed;height:var(--circle-size);width:var(--circle-size);mix-blend-mode:difference;background:white;border-radius:100%;top:calc(var(--circle-size) / 2 * -1);left:calc(var(--circle-size) / 2 * -1);pointer-events:none;z-index:999}@media (max-width: 900px){.circle{display:none}}@font-face{font-family:"Arial-black";src:url("../fonts/arial_black.ttf");font-weight:900;text-transform:uppercase;font-display:swap;font-style:normal;font-size:2.4rem;line-height:normal}@font-face{font-family:"Arial-italic";src:url("../fonts/arial_italic.ttf");font-weight:400;font-display:swap;font-style:normal;font-size:2.4rem;line-height:normal}@font-face{font-family:"Inter-light";src:url("../fonts/Inter-Light.ttf");font-weight:300;font-display:swap;font-style:normal;font-size:2.4rem;line-height:normal}@font-face{font-family:"Inter-lightItalic";src:url("../fonts/Inter-LightItalic.ttf");font-weight:500;font-display:swap;font-style:normal;font-size:2.4rem;line-height:normal}@font-face{font-family:"Inter-medium";src:url("../fonts/Inter-Medium.ttf");font-weight:500;font-display:swap;font-style:normal;font-size:2.4rem;line-height:normal}@font-face{font-family:"Inter-regular";src:url("../fonts/Inter-Regular.ttf");font-weight:400;font-display:swap;font-style:normal;font-size:2.4rem;line-height:normal}.title{font-family:"Inter-regular";font-weight:400;font-size:8rem}@media (max-width: 1200px){.title{font-size:4.4rem}}@media (max-width: 600px){.title{font-size:3.5rem}}.title-footer{font-size:3.6rem;font-weight:400}@media (max-width: 1200px){.title-footer{font-size:2.8rem}}@media (max-width: 600px){.title-footer{font-size:2.4rem}}.text{font-family:"Inter-light";font-weight:300;font-size:1.8rem}@media (max-width: 1200px){.text{font-size:1.6rem}}.header{position:fixed;z-index:10;width:75%;left:50%;transform:translateX(-50%);mix-blend-mode:difference}.header__btn{position:relative;z-index:10;width:3rem;height:1.6rem;border:none;outline:none;background:none;display:none}@media (max-width: 600px){.header__btn{display:block;margin:2.5rem 2rem 0 0}}.header__btn span{display:block;position:absolute;width:3rem;height:.1rem;background:white;transition:all .3s}.header__btn span:nth-child(1){transform:translateY(-0.8rem)}.header__btn span:nth-child(3){transform:translateY(0.8rem)}@media (max-width: 600px){.header{display:flex;justify-content:flex-end;width:100%;left:auto;transform:translateX(0);mix-blend-mode:normal;z-index:8}}.header.open .header__btn span{display:block;position:absolute;width:3rem;height:.1rem;background:white}.header.open .header__btn span:nth-child(1){transform:translateY(0) rotate(29deg);background:#E43D12}.header.open .header__btn span:nth-child(2){opacity:0}.header.open .header__btn span:nth-child(3){transform:translateY(0) rotate(-29deg);background:#E43D12}@media (max-width: 600px){.header.open .navigation{transform:translateX(-100%);visibility:visible;z-index:7}}.navigation{width:100%}@media (max-width: 600px){.navigation{position:absolute;width:70%;height:100vh;right:-70%;padding:9rem 5% 0 0;-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);background:rgba(0,0,0,0.2);visibility:hidden;transition:all .3s;z-index:4;will-change:transition}}.navigation__list{display:flex;justify-content:space-between;list-style-type:none;z-index:10}@media (max-width: 600px){.navigation__list{flex-direction:column}}.navigation__item{margin-top:1.5rem}@media (max-width: 600px){.navigation__item{margin:0}.navigation__item:not(:last-child){margin-bottom:5rem}}.navigation__link{position:relative;display:inline-block;text-decoration:none;color:white;font-family:"Inter-light";font-size:2rem}@media (max-width: 600px){.navigation__link{float:right;text-transform:uppercase;font-size:3rem}}.navigation__link:hover{font-family:"Inter-regular";color:#E43D12}.navigation__link::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:.1rem;background:white;border-radius:4rem;transform:scaleX(0);transform-origin:right;transition:transform .3s}.navigation__link:hover::after{background:#E43D12;transform-origin:left;transform:scaleX(1)}.navigation-bottom{display:none}@media (max-width: 600px){.navigation-bottom{bottom:6.5rem;right:7%;position:absolute;display:flex;flex-direction:column;text-align:right;list-style-type:none}}@media (max-width: 600px){.navigation-bottom__item{font-size:2rem}.navigation-bottom__item:not(:last-child){margin-bottom:1.5rem}}@media (max-width: 600px){.navigation-bottom__item-1{margin-bottom:4rem}}@media (max-width: 600px){.navigation-bottom__link{text-decoration:none;font-size:2rem;color:white}}@media (max-width: 600px){.navigation-bottom__text{width:19rem;text-decoration:none;font-size:2rem;font-family:"Inter-lightItalic";margin-bottom:2rem}}@media (max-width: 600px){.navigation-bottom__text__span{font-family:"Inter-medium"}}.main-section{position:relative;height:100rem;width:100%}@media (max-width: 1200px){.main-section{height:84rem}}@media (max-width: 600px){.main-section{height:100vh}}.main-wrapper{position:absolute;width:116rem;left:50%;transform:translateX(-47%);margin-top:32rem}@media (max-width: 1400px){.main-wrapper{width:95rem}}@media (max-width: 1200px){.main-wrapper{width:76rem;margin-top:28rem}}@media (max-width: 900px){.main-wrapper{width:46rem;margin-top:30rem}}@media (max-width: 600px){.main-wrapper{margin:auto;top:30%;width:90%;transform:translateX(-50%)}}.title-wrapper{position:absolute;width:85rem;left:50%;transform:translateX(-54%)}@media (max-width: 1400px){.title-wrapper{width:66rem;height:14rem}}@media (max-width: 1200px){.title-wrapper{width:52.5rem;height:11rem}}@media (max-width: 900px){.title-wrapper{display:flex;width:34rem;height:20.6rem}}@media (max-width: 600px){.title-wrapper{width:80%;transform:translateX(-50%)}}.main-title{position:absolute;font-family:"Arial-black";font-size:13rem}@media (max-width: 1400px){.main-title{font-size:10rem}}@media (max-width: 1200px){.main-title{font-size:8rem}}@media (max-width: 900px){.main-title{font-size:7rem}}@media (max-width: 600px){.main-title{font-size:6.5rem}}.main-title-2{left:48.4rem}@media (max-width: 1400px){.main-title-2{left:38rem}}@media (max-width: 1200px){.main-title-2{left:30rem}}@media (max-width: 900px){.main-title-2{left:14.5rem;top:12.5rem}}@media (max-width: 600px){.main-title-2{left:auto;right:0;top:13.3rem}}.main-img{position:absolute;left:31rem;top:5rem}@media (max-width: 1400px){.main-img{width:13rem;height:7.5rem;top:3.7rem;left:24rem}}@media (max-width: 1200px){.main-img{width:10rem;height:6rem;top:3.2rem;left:19.25rem}}@media (max-width: 900px){.main-img{width:8.5rem;height:5.5rem;top:8.5rem;left:11.5rem}}@media (max-width: 600px){.main-img{left:50%;transform:translateX(-50%)}}.caption{position:absolute;font-family:"Arial-italic";font-size:2rem}@media (max-width: 1400px){.caption{font-size:1.8rem}}@media (max-width: 1200px){.caption{font-size:1.5rem}}.caption-1{top:12.4rem}@media (max-width: 1400px){.caption-1{top:9.3rem}}@media (max-width: 1200px){.caption-1{top:7.5rem}}@media (max-width: 900px){.caption-1{top:.5rem}}.caption-2{top:4.5rem;left:97.7rem}@media (max-width: 1400px){.caption-2{white-space:nowrap;top:3.4rem;left:79rem}}@media (max-width: 1200px){.caption-2{left:63rem;top:2.9rem}}@media (max-width: 900px){.caption-2{left:30rem;top:21rem}}@media (max-width: 600px){.caption-2{left:auto;right:0;top:21rem}}.main-btn{position:absolute;z-index:5;font-family:"Inter-light";font-size:2.2rem;text-decoration:none;background:none;border:none;color:white;left:50%;transform:translateX(-50%);margin-top:68rem}@media (max-width: 1200px){.main-btn{margin-top:56rem;font-size:2rem}}@media (max-width: 900px){.main-btn{margin-top:74rem}}@media (max-width: 600px){.main-btn{margin:auto;bottom:7.5rem}}.main-btn::after{content:'';position:absolute;left:0;bottom:-.2rem;width:100%;height:.1rem;background:white;border-radius:4rem;transform:scaleX(1);transform-origin:right;transition:transform .3s}.main-btn:hover::after{transform-origin:left;transform:scaleX(0)}.btn{font-family:"Inter-light";font-size:2.2rem;border:none;width:100%;padding:1.1rem 0;transition:transform .3s;cursor:pointer;background:white}.btn:hover{background:none;color:white;border:.1rem solid white;transform:translateY(-0.3rem)}.btn:active{opacity:.6;transform:translateY(0.3rem)}.about{position:relative;width:100%;height:30rem;background:url("../gif/background-gif.gif") center/cover no-repeat;margin-bottom:38rem;background-attachment:fixed;z-index:1;display:flex;align-items:center}@media (max-width: 1400px){.about{margin-bottom:28rem}}@media (max-width: 1200px){.about{height:23rem;margin-bottom:20rem}}@media (max-width: 900px){.about{height:100%;flex-direction:column}}@media (max-width: 600px){.about{margin-bottom:15rem}}.about-background{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7)}.about-title{white-space:nowrap;z-index:2;font-family:"Inter-regular";font-size:12.8rem;margin-left:5%;width:73rem}@media (max-width: 1400px){.about-title{font-size:9rem}}@media (max-width: 1200px){.about-title{font-size:8rem}}@media (max-width: 900px){.about-title{margin:7rem 0 1.5rem 0;display:flex;justify-content:center;width:100%}}@media (max-width: 900px){.about-title{font-size:12.5vw}}.about-text{z-index:2;min-width:20%;max-width:60%;margin-left:4rem;margin-right:5%}@media (max-width: 900px){.about-text{text-align:justify;margin:0 0 7rem 0;display:flex;justify-content:center;max-width:80%}}@media (max-width: 600px){.about-text{max-width:90%}}.project{position:relative;z-index:5;margin-bottom:38rem}@media (max-width: 1400px){.project{margin-bottom:28rem}}@media (max-width: 1200px){.project{margin-bottom:20rem}}@media (max-width: 600px){.project{margin-bottom:15rem}}.project-title{display:flex;justify-content:center;margin-bottom:8rem}@media (max-width: 1200px){.project-title{margin-bottom:5rem}}.project-wrapper{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:1fr 1fr 1fr;grid-gap:.1rem;width:89.5%;margin:0 auto}@media (max-width: 1200px){.project-wrapper{grid-template-columns:33.3% 33.3% 33.3%;grid-template-rows:1fr 1fr 1fr 1fr}}@media (max-width: 600px){.project-wrapper{grid-template-columns:50% 50%;grid-template-rows:5rem .5fr 5rem 1fr .6fr .3fr .2fr .03fr .2fr}}.project-card{position:relative;display:flex;justify-content:center;width:100%;height:0;padding-bottom:100%;border:.05rem solid white}.project-card-1{grid-column:1 / 2;grid-row:1 / 2}@media (max-width: 600px){.project-card-1{grid-row:1 / 3}}.project-card-2{right:50%;grid-column:3 / 4;grid-row:1 / 2}@media (max-width: 1200px){.project-card-2{right:0}}@media (max-width: 600px){.project-card-2{grid-column:2 / 3;grid-row:2 / 4}}.project-card-3{grid-column:5 / 6;grid-row:1 / 2}@media (max-width: 1200px){.project-card-3{right:50%;grid-column:2 / 3;grid-row:2 / 3}}@media (max-width: 600px){.project-card-3{right:0;grid-column:1 / 3;grid-row:4 / 5}}.project-card-4{grid-column:2 / 3;grid-row:2 / 3}@media (max-width: 1200px){.project-card-4{right:50%;grid-column:3 / 4;grid-row:3 / 4}}@media (max-width: 600px){.project-card-4{right:0;grid-column:2 / 3;grid-row:6 / 8}}.project-card-5{grid-column:4 / 5;grid-row:2 / 3}@media (max-width: 1200px){.project-card-5{grid-column:1 / 2;grid-row:4 / 5}}@media (max-width: 600px){.project-card-5{grid-column:1 / 2;grid-row:7 / 9}}.project-card-6{grid-column:3 / 4;grid-row:3 / 4}@media (max-width: 1200px){.project-card-6{grid-column:3 / 4;grid-row:4 / 5}}@media (max-width: 600px){.project-card-6{grid-column:2 / 3;grid-row:8 / 10}}.project-card__img{position:absolute;top:1.5%;width:97%;height:97%;transition:all .3s}.project-card:hover img{opacity:.5;width:91%;height:92%;top:3.8%}.project-card:hover .project-caption{opacity:1;transform:translateY(-70%)}.project-text{text-align:justify;align-self:center;grid-column:1 / 2;grid-row:3 / 4}@media (max-width: 1200px){.project-text{grid-column:1 / 2;grid-row:3 / 4}}@media (max-width: 600px){.project-text{grid-column:1 / 3;grid-row:5 / 6;width:90%}}.project-caption{opacity:0;position:absolute;top:90%;left:10%;font-family:"Inter-light";font-size:2rem;transition:all .3s}@media (max-width: 1200px){.project-caption{font-size:1.8rem}}@media (max-width: 900px){.project-caption{font-size:1.6rem}}.artists{position:relative;z-index:6;margin-bottom:38rem}@media (max-width: 1400px){.artists{margin-bottom:28rem}}@media (max-width: 1200px){.artists{margin-bottom:20rem}}@media (max-width: 600px){.artists{margin-bottom:15rem}}.artists-title-wrapper{width:103rem;margin:0 auto;margin-bottom:6rem}@media (max-width: 1200px){.artists-title-wrapper{width:54.5rem;margin-bottom:4rem}}@media (max-width: 600px){.artists-title-wrapper{width:90%;margin-bottom:2rem}}.artists-title-2{display:flex;justify-content:center;margin-top:-2.5rem}@media (max-width: 1200px){.artists-title-2{margin-top:-1.5rem}}@media (max-width: 600px){.artists-title-2{display:block;margin-top:-1rem;margin-left:18.5%}}.artists-text{margin:0 auto;width:17.8%;margin-bottom:15rem}@media (max-width: 1400px){.artists-text{margin-bottom:10rem}}@media (max-width: 1200px){.artists-text{width:26.5%;margin-bottom:10rem}}@media (max-width: 600px){.artists-text{transform:translateX(10%);width:70%;margin-bottom:5rem}}.artists-wrapper{width:89.5%;display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:1fr 4.3rem;grid-gap:.1rem;margin:0 auto}@media (max-width: 1200px){.artists-wrapper{width:90%;grid-template-columns:33.3% 33.3% 33.3%;grid-template-rows:1fr 3.8rem 10rem 1fr 3.8rem}}@media (max-width: 600px){.artists-wrapper{grid-template-columns:50% 50%;grid-template-rows:1fr 3.8rem 5rem 1fr 3.8rem 5rem 1fr 3.8rem}}.artists-card{width:100%;clip-path:polygon(0 0, 100% 10%, 100% 100%, 0% 100%);position:relative;transition:all .5s}.artists-card-1{grid-column:1 / 2;grid-row:1 / 2}.artists-card-2{grid-column:2 / 3;grid-row:1 / 2}.artists-card-3{grid-column:3 / 4;grid-row:1 / 2}@media (max-width: 600px){.artists-card-3{grid-column:1 / 2;grid-row:4 / 5}}.artists-card-4{grid-column:4 / 5;grid-row:1 / 2}@media (max-width: 1200px){.artists-card-4{grid-column:1 / 2;grid-row:4 / 5}}@media (max-width: 600px){.artists-card-4{grid-column:2 / 3;grid-row:4 / 5}}.artists-card-5{grid-column:5 / 6;grid-row:1 / 2}@media (max-width: 1200px){.artists-card-5{grid-column:3 / 4;grid-row:4 / 5}}@media (max-width: 600px){.artists-card-5{grid-column:1 / 2;grid-row:7 / 8}}.artists-card img{height:100%;width:100%;transform:scale(1);transition:all .5s;object-fit:cover}.artists-card:hover img{transform:scale(1.2);filter:blur(0.1rem) brightness(65%)}.artists-card:hover{clip-path:polygon(0 0, 100% 5%, 100% 100%, 0% 100%)}.artists-card:hover .artists-caption{opacity:1;transform:translateY(-4.5rem)}.artists-card:hover .artist-name-arrow{transform:translateY(-4.5rem)}.artists-caption{opacity:0;position:absolute;top:98%;left:10%;font-family:"Inter-light";font-size:2rem;transition:all .3s}@media (max-width: 1200px){.artists-caption{font-size:1.8rem}}@media (max-width: 900px){.artists-caption{font-size:1.6rem;top:103%}}.name-wrapper{display:flex}.name-wrapper-1{grid-column:1 / 2;grid-row:2 / 3}.name-wrapper-2{grid-column:2 / 3;grid-row:2 / 3}.name-wrapper-3{grid-column:3 / 4;grid-row:2 / 3}@media (max-width: 600px){.name-wrapper-3{grid-column:1 / 2;grid-row:5 / 6}}.name-wrapper-4{grid-column:4 / 5;grid-row:2 / 3}@media (max-width: 1200px){.name-wrapper-4{grid-column:1 / 2;grid-row:5 / 6}}@media (max-width: 600px){.name-wrapper-4{grid-column:2 / 3;grid-row:5 / 6}}.name-wrapper-5{grid-column:5 / 6;grid-row:2 / 3}@media (max-width: 1200px){.name-wrapper-5{grid-column:3 / 4;grid-row:5 / 6}}@media (max-width: 600px){.name-wrapper-5{grid-column:1 / 2;grid-row:8 / 9}}.artist-name{font-family:"Inter-light";font-weight:300;font-size:2rem;align-self:end}@media (max-width: 1200px){.artist-name{font-size:1.8rem}}@media (max-width: 600px){.artist-name{font-size:1.7rem}}.footer{position:relative;width:90%;margin:0 auto}.footer-wrapper{display:grid;grid-template-columns:40% 40% 20%;margin-bottom:10rem;height:36rem}@media (max-width: 1200px){.footer-wrapper{grid-template-columns:33.3% 33.3% 33.3%}}@media (max-width: 600px){.footer-wrapper{grid-template-columns:100%;grid-template-rows:1fr .96fr .4fr;height:auto;margin-bottom:4rem}}.message{grid-column:1 / 2}.message-title{margin-bottom:1rem}.message-title__span{white-space:nowrap}.message__email{font-family:"Inter-light";font-size:1.6rem;color:white;width:100%;height:3.8rem;background:none;margin-bottom:.5rem;border:.1rem solid white;padding-left:1.5rem}@media (max-width: 1200px){.message__email{font-size:1.4rem}}@media (max-width: 600px){.message__email{font-size:1.6rem}}.message__email:focus{outline:none;border-bottom:.2rem solid #5CDB95}.message__email:focus:invalid{border-bottom:0.2rem solid #E43D12}.message__textarea{width:100%;height:20.2rem;resize:none;background:none;border:.1rem solid white;padding:1rem 1.5rem 1rem 1.5rem;font-family:"Inter-light";font-size:1.6rem;color:white;margin-bottom:.3rem}@media (max-width: 1200px){.message__textarea{font-size:1.4rem}}@media (max-width: 600px){.message__textarea{font-size:1.6rem}}.message__textarea::-webkit-scrollbar{width:1rem;background-color:black}.message__textarea::-webkit-scrollbar-thumb{background-color:#242424;border-radius:1rem}.social-network{grid-column:2 / 3;display:flex;justify-content:end;text-align:right;margin-top:5.4rem}@media (max-width: 1200px){.social-network{margin-top:4.4rem}}@media (max-width: 900px){.social-network{margin-top:7.2rem}}@media (max-width: 600px){.social-network{grid-column:1 / 2;grid-row:2 / 3;margin-top:7rem;justify-content:start;text-align:left}}.social-network-ul{list-style-type:none}.social-network-li:not(:last-child){margin-bottom:1.5rem}@media (max-width: 1200px){.social-network-li:not(:last-child){margin-bottom:1rem}}@media (max-width: 600px){.social-network-li:not(:last-child){margin-bottom:2rem}}.social-network-link{text-decoration:none;color:white;font-family:"Inter-light";font-size:2rem}@media (max-width: 1200px){.social-network-link{font-size:1.8rem}}.social-network-link:hover{font-family:"Inter-lightItalic"}.connection{grid-column:3 / 4;display:flex;justify-content:end;text-align:right;margin-top:5.4rem}@media (max-width: 1200px){.connection{margin-top:4.4rem}}@media (max-width: 900px){.connection{margin-top:7.2rem}}@media (max-width: 600px){.connection{grid-column:1 / 2;grid-row:3 / 4;margin-top:0rem;justify-content:start;text-align:left}}.connection-ul{list-style-type:none}.connection-li-1{margin-bottom:1.5rem}@media (max-width: 1200px){.connection-li-1{margin-bottom:1rem}}.connection-li-2{margin-bottom:4.5rem}@media (max-width: 1200px){.connection-li-2{margin-bottom:3rem}}.connection-li-3{width:19rem}.connection-link{text-decoration:none;color:white;font-family:"Inter-light";font-size:2rem}@media (max-width: 1200px){.connection-link{font-size:1.8rem}}.connection-link-3{font-family:"Inter-lightItalic"}.connection-link-3__span{font-family:"Inter-medium"}br::selection{background:#E43D12}.footer-line{width:100%;background:white;height:.1rem;opacity:.6}.footer-unline{width:90%;margin:0 auto;display:grid;grid-template-columns:20% 20% 60%;margin-bottom:.1rem}@media (max-width: 1200px){.footer-unline{grid-template-columns:33.3% 33.3% 33.3%}}.footer-text{font-family:"Inter-regular";font-weight:400;font-size:1.1rem;color:white;text-decoration:none;opacity:.6}@media (max-width: 1200px){.footer-text{font-size:1rem}}.footer-text-1{grid-column:1 / 2}.footer-text-2{grid-column:2 / 3}.footer-text-3{grid-column:3 / 4;justify-self:end}.modal{position:fixed;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;z-index:100;-webkit-backdrop-filter:blur(0.6rem);backdrop-filter:blur(0.6rem);background:rgba(0,0,0,0.2);overflow-y:auto;visibility:hidden;opacity:0;transition:opacity .4s, visibility .4s}.modal-btn{width:48rem;margin-left:6.5rem;font-size:1.8rem}@media (max-width: 1200px){.modal-btn{width:41rem;margin-left:5rem}}@media (max-width: 900px){.modal-btn{width:90%;margin-left:5%;font-size:1.6rem}}.modal-btn:active{transform:translateY(0.1rem)}.modal.open{visibility:visible;opacity:1}.modal__box{width:103rem;height:40rem;z-index:20;display:flex}@media (max-width: 1200px){.modal__box{width:89.5rem;height:38rem}}@media (max-width: 900px){.modal__box{position:relative;width:90%;height:54rem;flex-direction:column}}.modal__box-1{width:86.5rem;height:100%;background:black;border:.1rem solid white;border-radius:.5rem 4rem 4rem .5rem;padding:3rem 0;position:relative}@media (max-width: 1200px){.modal__box-1{width:72.9rem}}@media (max-width: 900px){.modal__box-1{width:100%;height:41.3rem;border-radius:.5rem .5rem 4rem 4rem}}.modal__box-1__title{font-family:"Inter-regular";font-weight:400;font-size:2.2rem;margin-left:5.5rem;margin-bottom:1rem}@media (max-width: 1200px){.modal__box-1__title{font-size:2rem;margin-left:4rem}}@media (max-width: 900px){.modal__box-1__title{margin-left:1.5rem;margin-bottom:1rem}}.modal__box-1__close-btn{display:none}@media (max-width: 900px){.modal__box-1__close-btn{display:block;position:absolute;border:none;background-color:transparent;right:2rem;top:2rem}}.modal__box-2{width:16.6rem;height:100%;background:black;border:.1rem dashed white;border-radius:4rem .5rem .5rem 4rem;transform:translateX(-0.1rem)}@media (max-width: 900px){.modal__box-2{width:100%;height:12.6rem;transform:translateY(-0.1rem);border-radius:4rem 4rem .5rem .5rem}}.modal__box-2__wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal__box-2__title{position:absolute;font-family:"Inter-medium";font-weight:500;font-size:3.6rem;transform:rotate(-90deg);white-space:nowrap}@media (max-width: 1200px){.modal__box-2__title{font-size:3.4rem}}@media (max-width: 900px){.modal__box-2__title{transform:rotate(0deg)}}.modal__box-2__number{margin-left:-1rem}.modal__box__email{width:48rem;height:3.8rem;background:black;border:.1rem solid white;padding-left:1.5rem;margin-left:6.5rem;font-family:"Inter-light";font-size:1.6rem;color:white;margin-bottom:2rem}@media (max-width: 1200px){.modal__box__email{width:41rem;height:3.4rem;font-size:1.4rem;margin-left:5rem}}@media (max-width: 900px){.modal__box__email{width:90%;margin-left:5%}}.modal__box__email:focus{outline:none;border-bottom:.2rem solid #5CDB95}.modal__box__email:focus:invalid{border-bottom:0.2rem solid #E43D12}.modal__box__bank-card-number{width:48rem;height:3.8rem;background:black;border:.1rem solid white;padding-left:1.5rem;font-family:"Inter-light";font-size:1.6rem;color:white;margin-bottom:1rem;margin-left:6.5rem}@media (max-width: 1200px){.modal__box__bank-card-number{width:41rem;height:3.4rem;font-size:1.4rem;margin-left:5rem}}@media (max-width: 900px){.modal__box__bank-card-number{width:90%;margin-left:5%}}.modal__box__bank-card-year{width:23.5rem;height:3.8rem;background:black;border:.1rem solid white;padding-left:1.5rem;font-family:"Inter-light";font-size:1.6rem;color:white}@media (max-width: 1200px){.modal__box__bank-card-year{width:20rem;height:3.4rem;font-size:1.4rem}}@media (max-width: 900px){.modal__box__bank-card-year{width:49%}}.modal__box__bank-card-cvv{width:23.5rem;height:3.8rem;background:black;border:.1rem solid white;padding-left:1.5rem;font-family:"Inter-light";font-size:1.6rem;color:white;margin-left:1rem;margin-bottom:.2rem}@media (max-width: 1200px){.modal__box__bank-card-cvv{width:20rem;height:3.4rem;font-size:1.4rem;margin-left:1rem}}@media (max-width: 900px){.modal__box__bank-card-cvv{width:49%}}.modal__box__bank-card-name{width:48rem;height:3.8rem;background:black;border:.1rem solid white;padding-left:1.5rem;font-family:"Inter-light";font-size:1.6rem;color:white;margin-bottom:1.5rem;margin-left:6.5rem;text-transform:capitalize}@media (max-width: 1200px){.modal__box__bank-card-name{width:41rem;height:3.4rem;font-size:1.4rem;margin-left:5rem}}@media (max-width: 900px){.modal__box__bank-card-name{width:90%;margin-left:5%}}.card-wrapper{display:flex;margin-left:6.5rem;width:48rem}@media (max-width: 1200px){.card-wrapper{margin-left:5rem}}@media (max-width: 900px){.card-wrapper{width:90%;margin-left:5%}}.text-under-cvv{font-family:"Inter-light";font-size:1.1rem;margin-left:31.5rem;margin-bottom:1rem}@media (max-width: 1200px){.text-under-cvv{font-size:.9rem;margin-left:26.5rem}}@media (max-width: 900px){.text-under-cvv{width:40%;margin-left:52.5%}}.qr-wrapper{position:absolute;top:10rem;right:7.8rem}@media (max-width: 1200px){.qr-wrapper{right:7rem}}@media (max-width: 900px){.qr-wrapper{display:none}}.qr-github{margin-bottom:1rem}@media (max-width: 1200px){.qr-github{width:14rem;height:14rem;margin-bottom:.5rem}}.qr-github__text{font-family:"Inter-regular";font-weight:400;font-size:2rem;text-align:center}@media (max-width: 1200px){.qr-github__text{font-size:1.8rem}}input:required:invalid ~ button.modal-btn{opacity:.9;pointer-events:none}