apeiro

Форк
0
/
style.min.css 
1 строка · 15.8 Кб
1
#su>a,.ico,.navButton{text-decoration:none}#more,.body,.navButton,nav{color:#fff}#item>h1,footer>span{-ms-grid-column-span:3}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}::selection{background:rgba(223,223,223,.4)}::-moz-selection{background:rgba(223,223,223,.4)}.custom-cursor{position:fixed;top:-100px;left:-100px;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:40px solid #000;transform:rotate(70deg);border-radius:10px;background-color:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;transition:transform .3s ease-in-out;filter:invert(100%);scale:.6}.body,.headBanner,.projectImg{position:relative}#more,.text-cursor{background-color:#000}.apeiro,.projectImg{-webkit-filter:drop-shadow(0 0 8px #E5E7E7)}.text-cursor{width:6px;height:25px;border:none;transform:scale(.85) translate(10px,-15px);mix-blend-mode:initial}.text-cursor::after,.text-cursor::before{content:'';position:absolute;background-color:#000;width:18px;height:6px;left:-5px}.white-text-cursor,.white-text-cursor::after,.white-text-cursor::before{background-color:#fff}.text-cursor::before{top:-5px}.text-cursor::after{bottom:-5px}body,html{font-family:Roboto,sans-serif;scroll-behavior:smooth;scrollbar-width:thin}.projectImg{overflow:hidden;width:100%;border:8px solid #fff;margin-bottom:30px;transition:.5s;filter:drop-shadow(0 0 8px #E5E7E7)}.projectImgImg{width:100%;height:auto;margin-bottom:-5px;-webkit-transition:.5s;filter:grayscale(.5)}.plusSmallMargin:hover .projectImg{-webkit-filter:drop-shadow(0 0 13px #E5E7E7);filter:drop-shadow(0 0 13px #E5E7E7)}.plusSmallMargin:hover .projectImgImg{filter:grayscale(0)}#search{background:#ff000052}.body{height:100%;width:100%;z-index:3;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.logo:focus,.logo:hover{-webkit-filter:drop-shadow(0 0 20px #E5E7E7);filter:drop-shadow(0 0 20px #E5E7E7)}.navButton:focus,.navButton:hover,.search__label:hover>svg{-webkit-filter:drop-shadow(0 0 2px white);filter:drop-shadow(0 0 2px white)}nav{font-size:25px;display:-ms-grid;display:grid;-ms-grid-columns:20% 15% 15% 15% 15% 20%;grid-template-columns:20% 15% 15% 15% 15% 20%}.head{max-width:90%;max-height:320px;-webkit-filter:drop-shadow(0 0 3px #E5E7E7);filter:drop-shadow(0 0 3px #E5E7E7);-webkit-animation:12s infinite moveUpDown;animation:12s infinite moveUpDown}.headBanner{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.headWrapper,.intro,header{display:-ms-grid}.apeiro{filter:drop-shadow(0 0 8px #E5E7E7);-webkit-animation:8s infinite moveApeiro;animation:8s infinite moveApeiro;scale:.75}.headWrapper{position:absolute;top:50%;-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%);display:grid;width:100vw;-ms-grid-columns:10% 30% 50% 10%;grid-template-columns:10% 30% 50% 10%}.navButton:hover::before,.slogan{width:100%}.headerH{margin:5px;font-weight:400;letter-spacing:2px}.slogan>h1{letter-spacing:12px;font-weight:500}.slogan{position:absolute;top:50%;-webkit-transform:translate(20%,-40%);-ms-transform:translate(20%,-40%);transform:translate(20%,-40%);max-width:450px;scale:1.2}.hrWrapper>hr{width:75%;border:2px solid #fff;-webkit-filter:drop-shadow(0 0 8px #E5E7E7);filter:drop-shadow(0 0 8px #E5E7E7)}.sloganWrapper{position:relative;height:100%}.slogan::after,.slogan::before{position:absolute;content:" ";width:30px;height:30px}.slogan::before{border-top:5px solid #fff;border-left:5px solid #fff;top:0;left:40px;-webkit-animation:20s infinite moveAngle1;animation:20s infinite moveAngle1}.slogan::after{border-bottom:5px solid #fff;border-right:5px solid #fff;bottom:80px;right:40px;-webkit-animation:20s infinite moveAngle2;animation:20s infinite moveAngle2}header{display:grid;-ms-grid-rows:80px 400px 50px 5px;grid-template-rows:80px 400px 50px 5px}.navButton{background-color:transparent;font-size:21px;font-weight:700;border:none;background:-webkit-linear-gradient(90deg,#d0d0d0 0,#dfdfdf 100%);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear;padding-top:32px}.navButton::before{content:" ";width:0;height:3px;background-color:#e5e7e7;-webkit-transition:width .2s ease-in-out;-o-transition:width .2s ease-in-out;transition:width .2s ease-in-out;position:absolute;top:70px;display:block}.logo{display:block;margin-left:auto;margin-right:auto;-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear}.container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:10px;margin-left:10px;margin-right:10px}.headImageWrapper{position:relative;display:inline-block;max-width:425px}.triangle{position:absolute;top:-18px;left:0;width:322px;height:350px;-webkit-filter:drop-shadow(0 0 15px #E5E7E7);filter:drop-shadow(0 0 15px #E5E7E7);-webkit-animation:10s infinite moveTriangle;animation:10s infinite alternate-reverse moveTriangle}.triangle-line{fill:none;stroke:white;stroke-width:3}.container,.search__input,form{max-width:18vw}.search{--easing:cubic-bezier(0.4, 0, 0.2, 1);--font-size:1.8rem;--color:#ddd;--color-highlight:white;--transition-time-icon:0.2s;--transition-time-input:0.3s 0.25s;border-radius:999px;border:2px solid transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:border-color var(--transition-time-icon) linear,padding var(--transition-time-input) var(--easing);-o-transition:border-color var(--transition-time-icon) linear,padding var(--transition-time-input) var(--easing);transition:border-color var(--transition-time-icon) linear,padding var(--transition-time-input) var(--easing)}.search:not(:focus-within){--transition-time-input:0.2s 0s}.search__input{background:0 0;border:none;color:var(--color-highlight);font-size:var(--font-size);opacity:0;outline:0;padding:0;-webkit-transition:width var(--transition-time-input) var(--easing),padding var(--transition-time-input) var(--easing),opacity var(--transition-time-input) linear;-o-transition:width var(--transition-time-input) var(--easing),padding var(--transition-time-input) var(--easing),opacity var(--transition-time-input) linear;transition:width var(--transition-time-input) var(--easing),padding var(--transition-time-input) var(--easing),opacity var(--transition-time-input) linear;width:0}.search__input::-moz-placeholder{color:var(--color);opacity:.75}.search__input:-ms-input-placeholder{color:var(--color);opacity:.75}.search__input::-webkit-input-placeholder{color:var(--color);opacity:.75}.search__input::-ms-input-placeholder{color:var(--color);opacity:.75}.search__input::placeholder{color:var(--color);opacity:.75}.search__icon-container{position:relative;width:calc(2rem)}.search__label,.search__submit{color:var(--color);display:block;height:100%;padding:0;position:absolute;width:100%}.aboutH,.apo>svg,.pluses{position:relative}.search__label:active,.search__label:focus,.search__label:hover,.search__submit:active,.search__submit:focus,.search__submit:hover{color:var(--color-highlight)}.search__label{-webkit-transition:color .1s,-webkit-transform var(--transition-time-icon) var(--easing);transition:color .1s,-webkit-transform var(--transition-time-icon) var(--easing);-o-transition:transform var(--transition-time-icon) var(--easing),color .1s;transition:transform var(--transition-time-icon) var(--easing),color .1s;transition:transform var(--transition-time-icon) var(--easing),color .1s,-webkit-transform var(--transition-time-icon) var(--easing)}.search__submit{background:0 0;border-radius:50%;border:none;-webkit-box-shadow:0 0 0 4px inset transparent;box-shadow:0 0 0 4px inset transparent;display:none;outline:0;-webkit-transition:color .1s,-webkit-box-shadow .1s;transition:color .1s,box-shadow .1s,-webkit-box-shadow .1s;-o-transition:color .1s,box-shadow .1s}.search__submit svg{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.search__submit:focus{-webkit-box-shadow:0 0 0 4px inset var(--color-highlight);box-shadow:0 0 0 4px inset var(--color-highlight)}.search:focus-within{border-color:var(--color)}.search:focus-within .search__input{opacity:1;padding:0 1rem 0 2rem;width:calc(var(--font-size) * 12)}.search:focus-within .search__label{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.search:focus-within .search__submit{-webkit-animation:unhide var(--transition-time-icon) steps(1,end);animation:unhide var(--transition-time-icon) steps(1,end);display:block}.hand,.owl{-webkit-animation:8s infinite moveApeiro}.apo>svg{width:30px;height:30px;stroke:white;stroke-width:9;display:inline-block;top:15px;margin:1%;left:25%}.plus>.apo>svg{stroke:black;stroke-width:6;top:0;left:0;-webkit-filter:drop-shadow(0 0 4px #999393);filter:drop-shadow(0 0 4px #999393);width:20px;height:20px}.aboutH{text-align:left;padding-left:26%;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;font-size:23px}.plus,.textWrapper{text-align:justify}.pluses,footer{padding:30px 0}.aboutH>h1:first-child{margin:40px 0 -40px}.intro{display:grid;-ms-grid-rows:180px;grid-template-rows:180px;-ms-grid-columns:35% 65%;grid-template-columns:35% 65%}#item>:first-child,.intro>:first-child{-ms-grid-row:1;-ms-grid-column:1}#item>:nth-child(2),.intro>:nth-child(2){-ms-grid-row:1;-ms-grid-column:2}.textWrapper{width:80%}.white{color:#000;background-color:#fff;width:100vw}.pluses{display:-ms-grid;display:grid;-ms-grid-columns:12% 30% 6% 30% 12%;grid-template-columns:12% 30% 6% 30% 12%;margin:30px 0;-ms-flex-pack:distribute;justify-content:space-around;letter-spacing:5px}.pluses>.aboutH,.projects>.aboutH{-ms-grid-column:1;-ms-grid-column-span:5;grid-column:1/6;z-index:4}.aboutInline{display:inline-block;margin:0}#more,.phrase{display:block}.plus{margin:100px 0;padding:0 10px;z-index:4}.cent,.money>.aboutH,.project{text-align:center}.plus>span,.plusName{font-weight:300;letter-spacing:1px}.plusName{margin-top:-20px}.num{height:23px;margin-bottom:20px}.phrase{margin:5px;font-size:27px;font-weight:850;color:#2d2d2d;letter-spacing:3px}.about1,.about2,footer{display:-ms-grid}.side{-webkit-transform:rotate(155deg);-ms-transform:rotate(155deg);transform:rotate(155deg);position:absolute;top:15%;right:-135px;z-index:1!important}.girl,.money *{z-index:2}.hand{height:400px;left:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);animation:8s infinite moveApeiro}.pluses:nth-child(2){width:80vw;margin:0 10vw;padding-left:0;position:relative}.info::after,.money img{position:absolute}.phrases{-ms-grid-column:1;-ms-grid-column-span:5;grid-column:1/6;margin:10px 0 70px}.cent{padding-left:0!important}.money{position:relative}.money>.aboutH{padding:0}#su>a,.contact>h1,.sponsor{position:relative}.money .coin{left:0;bottom:20px;-webkit-animation:32s infinite coinRotate;animation:32s infinite coinRotate}.owl{top:70px;animation:8s infinite moveApeiro;right:-150px}#su>a{bottom:80px}.contact>h1{font-weight:800;font-size:55px;bottom:210px;z-index:1;letter-spacing:4px}.sponsor{max-height:80px;width:auto;top:20px}.girl{margin-top:40px;width:585px;max-width:100%;height:auto;position:relative;left:-150px}#more,.switch{z-index:3;position:relative}.arrow{position:relative;-webkit-animation:8s infinite moveApeiro;animation:8s infinite moveApeiro;width:80px;bottom:150px}.ico{-webkit-filter:drop-shadow(0 0 8px black);filter:drop-shadow(0 0 8px black);position:relative;bottom:0;-webkit-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out}.ico:focus,.ico:hover{bottom:5px;-webkit-filter:drop-shadow(0 0 5px black) drop-shadow(0 0 1px white);filter:drop-shadow(0 0 5px black) drop-shadow(0 0 1px white)}footer{position:relative;background-color:#2d2c2c;display:grid;height:184px;-ms-grid-columns:10% 40% 40% 10%;grid-template-columns:10% 40% 40% 10%;-webkit-filter:drop-shadow(0 0 45px #06060687);filter:drop-shadow(0 0 45px #06060687)}.about1{display:grid;-ms-grid-columns:30% 70%;grid-template-columns:30% 70%}.about2{display:grid;-ms-grid-columns:(auto)[3];grid-template-columns:repeat(3,auto);-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}#item,.info{display:-ms-grid}.info{position:relative;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;text-align:initial;padding-left:15px}.info::after{content:"";height:100px;width:1px;right:-10px;border:3px solid #fff;border-radius:90px;top:10px}.info>span:first-child{position:relative;margin-bottom:5px;margin-top:auto}.footerLogo{height:120px}footer>span{-ms-grid-column:2;grid-column:2/5}.switch{height:50px;width:50px;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.next{top:-250px;right:min(-20vw,-130px)}.prev{top:185px;left:min(-20vw,-130px)}.switch:hover{transform:translateY(5px)}#price>h3{scale:1.2;width:40%;position:relative;left:30%;font-weight:400}.moon{position:absolute;right:-20%;width:80vw;bottom:180px;z-index:-1;-webkit-filter:drop-shadow(0 0 45px #ffffff87);filter:drop-shadow(0 0 45px #ffffff87)}#more{width:220px;height:47px;font-weight:800;font-size:22px;margin:10px auto 60px;border:0;top:-60px;border-radius:18px;-webkit-filter:drop-shadow(0 5px 5px #2f2f2fa3);filter:drop-shadow(0 5px 5px #2f2f2fa3);-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}#more:hover{top:-55px;-webkit-filter:drop-shadow(0 1px 3px #2f2f2fa3);filter:drop-shadow(0 1px 3px #2f2f2fa3)}#item{display:grid;-ms-grid-columns:10% 80% 10%;grid-template-columns:10% 80% 10%;-ms-grid-rows:50px 300px 80px;grid-template-rows:50px 300px 80px;width:100%;max-width:600px;margin:-50px auto 0}#su,.mu{display:-ms-grid}#item>:nth-child(3){-ms-grid-row:1;-ms-grid-column:3}#item>:nth-child(4){-ms-grid-row:2;-ms-grid-column:1}#item>:nth-child(5){-ms-grid-row:2;-ms-grid-column:2}#item>:nth-child(6){-ms-grid-row:2;-ms-grid-column:3}#item>:nth-child(7){-ms-grid-row:3;-ms-grid-column:1}#item>:nth-child(8){-ms-grid-row:3;-ms-grid-column:2}#item>:nth-child(9){-ms-grid-row:3;-ms-grid-column:3}.itemImg,.switch{-webkit-filter:drop-shadow(0 2px 2px #2f2f2fe0);filter:drop-shadow(0 2px 2px #2f2f2fe0)}#item>h1{-ms-grid-column:1;grid-column:1/4}#item>h3{margin:5px 0 0}#item>p{position:relative;-ms-grid-column:2;grid-column:2;width:80%;left:10%;top:-30px}.itemImg{height:200px;width:auto;position:relative!important;top:50px}#su{display:grid;-ms-grid-columns:repeat(5,60px);grid-template-columns:repeat(5,60px);width:min(40%,340px);grid-gap:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mu{display:grid;-ms-grid-columns:80px;grid-template-columns:80px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(max-width:1216px){.triangle{left:-55px!important}.aboutH{padding-left:13%}.slogan{scale:1}}@media(max-width:880px){#price>h3{scale:1;width:80%;left:10%}footer{-ms-grid-columns:0 (50%)[2] 0;grid-template-columns:0 repeat(2,50%) 0}.triangle{scale:.75}}@media(max-width:767px){.headWrapper,.pluses{-ms-grid-columns:100%;grid-template-columns:100%}footer{-ms-grid-columns:(50%)[2];grid-template-columns:repeat(2,50%)}.phrase,.plusName,.pluses>.aboutH,.side{scale:0.8}.hand{left:-50px;top:50%;height:350px;width:auto}.plusName{margin-left:-11%}.big,.container,.headImageWrapper{display:none}.plusSmallMargin{padding:0;margin:40px 10%!important}nav{-ms-grid-columns:25% 25% 25% 25%;grid-template-columns:25% 25% 25% 25%}.slogan{-webkit-transform:translate(-50%,-40%);-ms-transform:translate(-50%,-40%);transform:translate(-50%,-40%);left:50%}.pluses{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:2px}.pluses.white{-ms-grid-columns:110%;grid-template-columns:110%}.plus{margin:100px 15vw}.plus2{-ms-grid-row:3;grid-row:3;margin-top:0}.pluses>.plusesH{padding-left:30px!important}.phrases{margin:-40px 0 40px}.coin{-webkit-transform:translate(-150px,280px)!important;-ms-transform:translate(-150px,280px)!important;transform:translate(-150px,280px)!important}}

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.