mirror of
https://gitlab.com/moepoi-site/landing-site.git
synced 2024-12-22 14:35:08 +01:00
1 line
No EOL
6.6 KiB
CSS
1 line
No EOL
6.6 KiB
CSS
@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat/Montserrat-Regular.ttf)}@font-face{font-family:Montserrat-SemiBold;src:url(../fonts/Montserrat/Montserrat-SemiBold.ttf)}@font-face{font-family:Playlist Script;src:url('../fonts/Playlist/Playlist Script.otf')}.container{max-width:1200px}.contact100-form{max-width:100%}.wrap-input100{width:280px;max-width:100%;position:relative;background-color:transparent;height:50px}.input100{display:block;width:100%;height:100%;padding:0 40px 0 3px;border-bottom:1px solid rgba(255,255,255,0.1);background-color:rgba(255,255,255,0.0)}.input100:focus{background-color:rgba(255,255,255,0.05)}.validate-input{position:relative}.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:0;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:32px;pointer-events:none;font-family:Montserrat-Regular;color:#c80000;font-size:14px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.alert-validate::after{content:"\f071";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:14px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:38px}.alert-validate:hover:before{visibility:visible;opacity:1}@media (max-width: 992px){.alert-validate::before{visibility:visible;opacity:1}}.simpleslide100{display:block;position:fixed;z-index:0;width:100%;height:100%;top:0;left:0;background-color:#000}.simpleslide100-item{display:block;position:absolute;width:100%;height:100%;top:0;left:0}.cl0{color:#fff}.cl1{color:#999}.s1-txt1{font-family:Montserrat-SemiBold;font-size:14px;color:#fff;line-height:1.2;text-transform:uppercase}.m1-txt1{font-family:Montserrat-Regular;font-size:18px;color:#fff;line-height:1}.l1-txt1{font-family:Montserrat-Regular;font-size:30px;color:#fff;line-height:1}.l1-txt2{font-family:Playlist Script;font-size:180px;color:#fff;line-height:1.1}.size1{width:100%;min-height:100vh}.size2{min-width:140px;height:50px}.size3{width:36px;height:36px}.size4{width:35px;height:100%}.wsize1{min-width:46px}.bg0{background-color:#fff}.bg-img1{background-position:center;background-repeat:no-repeat;background-size:cover}.where1{align-self:flex-start}.placeholder0::-webkit-input-placeholder{color:#999}.placeholder0:-moz-placeholder{color:#999}.placeholder0::-moz-placeholder{color:#999}.placeholder0:-ms-input-placeholder{color:#999}.overlay1{position:relative;z-index:1}.overlay1::after{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5)}.wrappic1{display:block;flex-grow:1}.wrappic1 img{max-width:100%}.how-btn1{padding:0 15px;background-color:transparent;border:1px solid #fff;border-radius:25px}.how-btn1:hover{background-color:#fff;color:#555}.how-social{color:#999;font-size:18px;border:1px solid rgba(255,255,255,0.1);background-color:transparent;border-radius:50%}.how-social:hover{background-color:#fff;color:#555}.how-btn-play1{width:60px;height:60px;background-color:transparent;border-radius:50%;font-size:20px;color:#333;position:relative;z-index:1}.how-btn-play1::after{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background-color:#fff;border-radius:50%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.how-btn-play1:hover:after{opacity:.6;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.focus-in0:focus::-webkit-input-placeholder{color:transparent}.focus-in0:focus:-moz-placeholder{color:transparent}.focus-in0:focus::-moz-placeholder{color:transparent}.focus-in0:focus:-ms-input-placeholder{color:transparent}.hov-cl0:hover{color:#fff}.hov-bg0:hover{background-color:#fff}.hov1:hover i{color:#fff}@media (max-width: 1200px){.m-0-xl{margin:0}.m-lr-0-xl{margin-left:0;margin-right:0}.m-lr-15-xl{margin-left:15px;margin-right:15px}.m-l-0-xl{margin-left:0}.m-r-0-xl{margin-right:0}.m-l-15-xl{margin-left:15px}.m-r-15-xl{margin-right:15px}.p-0-xl{padding:0}.p-lr-0-xl{padding-left:0;padding-right:0}.p-lr-15-xl{padding-left:15px;padding-right:15px}.p-l-0-xl{padding-left:0}.p-r-0-xl{padding-right:0}.p-l-15-xl{padding-left:15px}.p-r-15-xl{padding-right:15px}.w-full-xl{width:100%}}@media (max-width: 992px){.dis-none-lg{display:none}.m-0-lg{margin:0}.m-lr-0-lg{margin-left:0;margin-right:0}.m-lr-15-lg{margin-left:15px;margin-right:15px}.m-l-0-lg{margin-left:0}.m-r-0-lg{margin-right:0}.m-l-15-lg{margin-left:15px}.m-r-15-lg{margin-right:15px}.p-0-lg{padding:0}.p-lr-0-lg{padding-left:0;padding-right:0}.p-lr-15-lg{padding-left:15px;padding-right:15px}.p-l-0-lg{padding-left:0}.p-r-0-lg{padding-right:0}.p-l-15-lg{padding-left:15px}.p-r-15-lg{padding-right:15px}.w-full-lg{width:100%}.respon1{font-size:160px}}@media (max-width: 768px){.m-0-md{margin:0}.m-lr-0-md{margin-left:0;margin-right:0}.m-lr-15-md{margin-left:15px;margin-right:15px}.m-l-0-md{margin-left:0}.m-r-0-md{margin-right:0}.m-l-15-md{margin-left:15px}.m-r-15-md{margin-right:15px}.p-0-md{padding:0}.p-lr-0-md{padding-left:0;padding-right:0}.p-lr-15-md{padding-left:15px;padding-right:15px}.p-l-0-md{padding-left:0}.p-r-0-md{padding-right:0}.p-l-15-md{padding-left:15px}.p-r-15-md{padding-right:15px}.w-full-md{width:100%}.respon1{font-size:120px}}@media (max-width: 576px){.dis-none-sm{display:none}.m-0-sm{margin:0}.m-lr-0-sm{margin-left:0;margin-right:0}.m-lr-15-sm{margin-left:15px;margin-right:15px}.m-l-0-sm{margin-left:0}.m-r-0-sm{margin-right:0}.m-l-15-sm{margin-left:15px}.m-r-15-sm{margin-right:15px}.p-0-sm{padding:0}.p-lr-0-sm{padding-left:0;padding-right:0}.p-lr-15-sm{padding-left:15px;padding-right:15px}.p-l-0-sm{padding-left:0}.p-r-0-sm{padding-right:0}.p-l-15-sm{padding-left:15px}.p-r-15-sm{padding-right:15px}.w-full-sm{width:100%}.respon1{font-size:80px}}@media (max-width: 480px){.m-0-ssm{margin:0}.m-lr-0-ssm{margin-left:0;margin-right:0}.m-lr-15-ssm{margin-left:15px;margin-right:15px}.m-l-0-ssm{margin-left:0}.m-r-0-ssm{margin-right:0}.m-l-15-ssm{margin-left:15px}.m-r-15-ssm{margin-right:15px}.p-0-ssm{padding:0}.p-lr-0-ssm{padding-left:0;padding-right:0}.p-lr-15-ssm{padding-left:15px;padding-right:15px}.p-l-0-ssm{padding-left:0}.p-r-0-ssm{padding-right:0}.p-l-15-ssm{padding-left:15px}.p-r-15-ssm{padding-right:15px}.w-full-ssm{width:100%}} |