1 line
No EOL
1.1 KiB
CSS
1 line
No EOL
1.1 KiB
CSS
@import url("https://fonts.googleapis.com/css?family=Annie%20Use%20Your%20Telescope:700|Annie%20Use%20Your%20Telescope:400");h1,h2,h3,h4,h5{font-family:"Annie Use Your Telescope";font-weight:900}@media screen and (min-width: 920px){html{font-size:300%}}:root{--carousel-width: -2990px}body{font-family:"Annie Use Your Telescope";font-weight:600;width:80%;align-self:center;text-align:center;margin:auto}.header{display:flex;position:sticky;justify-content:center}.header-element{align-content:center;margin-left:5em;margin-right:5em}.header-element>img{height:10ex}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(var(--carousel-width))}}.carousel::before,.carousel::after{background:linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);content:"";height:100%;position:absolute;width:5%;z-index:2}.carousel::after{right:0;top:0;transform:rotateZ(180deg)}.carousel::before{left:0;top:0}.carousel{position:relative;display:flex;flex-direction:row;overflow:hidden}.carousel-element{animation:scroll 70s linear infinite;background:#fff;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 50%, #fff 100%)}.carousel-element>img{height:50vh} |