From cee85bb2f19198c1ed537940e5818f90745be412 Mon Sep 17 00:00:00 2001 From: JP100099 Date: Wed, 17 Sep 2025 18:23:16 +0200 Subject: [PATCH] besser margin --- public/style.css | 2 +- sass/style.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/public/style.css b/public/style.css index 68242ad..f0d9079 100644 --- a/public/style.css +++ b/public/style.css @@ -1 +1 @@ -@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} \ No newline at end of file +@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:1em;margin-right:1em}.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} \ No newline at end of file diff --git a/sass/style.scss b/sass/style.scss index 812dc11..eaa5a1d 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -42,8 +42,8 @@ body { // align-items: center; // justify-content: center; align-content: center; - margin-left: 5em; - margin-right: 5em; + margin-left: 1em; + margin-right: 1em; }