2 lines
4.8 KiB
CSS
2 lines
4.8 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rajdhani:wght@300;400;500;600;700&display=swap";*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}:root{--ff-rad: "Rajdhani", sans-serif;--ff-mont: "Montserrat", sans-serif}html,body,#root{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#root.ui-active:before{content:"";position:fixed;inset:0;background:#0000001a;z-index:1;pointer-events:none}body{background:none;font-family:var(--ff-mont);font-size:1.25vh;color:#fff;width:100vw;height:100vh;margin:0;padding:0}#root{width:100vw;height:100vh;margin:0;padding:0}.main__turbosaif-ui-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vh;background:url(./bg.svg);background-size:cover;background-position:center;border-radius:2vh;padding:3vh;z-index:10;box-shadow:0 0 20px #0006,0 0 60px #0003}.main__turbosaif-ui-content-container{margin-top:2vh;width:100%}.main__turbosaif-ui-content-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1vh;height:42vh;overflow-y:scroll;padding-right:.5vh}.main__turbosaif-ui-content-grid::-webkit-scrollbar{width:.2vh}.main__turbosaif-ui-content-grid::-webkit-scrollbar-track{width:.2vh;background:#ffffff0d}.main__turbosaif-ui-content-grid::-webkit-scrollbar-thumb{width:.2vh;background:#9bc4e7}.main__turbosaif-ui-card{width:100%;padding:.5vh;border-radius:.5vh;border:.1vh solid #5a81a3;background:linear-gradient(to top,#5a81a33f,#2a42576c);cursor:pointer;transition:.2s ease-in}.main__turbosaif-ui-card:hover{box-shadow:0 0 5vh #9bc4e775 inset}.main__turbosaif-ui-card-image{position:relative;width:100%;overflow:hidden;height:25vh;border-radius:.25vh}.main__turbosaif-ui-card-image img{position:absolute;top:0vh;left:-4vh;height:100%;transition:.2s ease-in}.main__turbosaif-ui-card:hover .main__turbosaif-ui-card-image img{transform:scale(1.1)}.main__turbosaif-ui-card-image-title{position:absolute;z-index:50;bottom:.5vh;left:.5vh;width:100%;text-align:left;font-family:var(--ff-rad);font-size:3vh;text-transform:uppercase;color:#9bc4e7;text-shadow:0vh 0vh 1.7vh #9bc4e76e;font-weight:700;line-height:2.5vh}.main__turbosaif-ui-car-image-gradient{position:absolute;top:0vh;left:0vh;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#00000080)}.mt-1{margin-top:1vh}.mt-2{margin-top:2vh}.main__turbosaif-card-content-description p:first-child{font-family:var(--ff-rad);font-size:1.5vh;color:#fff;font-weight:500}.main__turbosaif-card-content-description p:last-child{font-size:1vh;color:#ffffff80}.main__turbosaif-card-content-item{width:100%;padding:.25vh .5vh .25vh .25vh;border-radius:.25vh;display:flex;justify-content:space-between;align-items:center;border:.1vh solid #5a81a3;background:linear-gradient(to top,#5a81a33f,#2a42576c)}.main__turbosaif-card-content-item-left{display:flex;align-items:center;gap:.5vh}.main__turbosaif-card-content-item-left-icon{width:2.5vh;height:2.5vh;border:.1vh solid #9bc4e7;background:linear-gradient(to top,#5a81a3,#2a4257);display:flex;justify-content:center;align-items:center;font-size:1.25vh;color:#9bc4e7;text-shadow:0vh 0vh 1.7vh #9bc4e7}.main__turbosaif-card-content-item-left-text p:first-child{font-size:1vh;color:#ffffff80}.main__turbosaif-card-content-item-left-text p:last-child{font-family:var(--ff-rad);line-height:1.25vh;font-size:1.5vh;font-weight:500}.main__turbosaif-card-content-item-right p{font-family:var(--ff-rad);font-size:1.5vh;color:#fff;font-weight:500;line-height:1.25vh}.main__turbosaif-card-content-item-right p span{font-weight:300;color:#ffffff80}.flex-col{margin-top:1vh;display:flex;flex-direction:column;gap:.5vh}.main__turbosaif-ui-card-btn{width:100%;height:3.75vh;border-radius:.25vh;cursor:pointer;transition:.2s ease-in;border:.1vh solid #4f7ba1;display:flex;justify-content:center;align-items:center;font-family:var(--ff-rad);font-size:2vh;color:#fff;text-transform:uppercase;font-weight:700;background:#2a4257}.main__turbosaif-ui-card-btn:hover{opacity:.5}.main__turbisaif-ui-header-left p:first-child{font-size:2.5vh;font-weight:700;line-height:2.5vh;font-family:var(--ff-rad);text-transform:uppercase}.main__turbisaif-ui-header-left p:last-child{color:#ffffff80}.main__turbosaif-ui-header{width:100%;padding-bottom:.5vh;display:flex;justify-content:space-between;align-items:center;border-bottom:.1vh solid #5a81a3}.main__turbosaif-ui-header-right-close{width:10vh;height:3.75vh;border-radius:.25vh;background:linear-gradient(to bottom,#cc1d1d,#771010);cursor:pointer;transition:.2s ease-in;border:.1vh solid #FF3838;display:flex;justify-content:center;align-items:center;font-family:var(--ff-rad);font-size:2vh;color:#ff3838;text-transform:uppercase;font-weight:700}.main__turbosaif-ui-header-right-close:hover{box-shadow:0 0 1.7vh #771010 inset;color:#771010}
|