koe/koodi

@font-face{font-family: "Bytesized";src: url("Bytesized-Regular.woff2") format("woff2");}body
{transform-origin:0 0;zoom: 0.15; /* POISTA ZOOM PAINOVERSIOON TAI KUN HALUAT KATSOA OIKEASSA KOOSSA: */font-family: Bytesized;}
/* ESIMERKKI: */html, body,
.poster-content {height: 100%;margin: 0;}
.tausta {position: relative;width:100%;height:100%;
background:conic-gradient(rgb(255, 255, 255) 20%, red, rgb(0, 0, 0) 80%);}
.square {position: absolute;top: 50%; /* starting position */left: 50%;transform: translate(-50%, -50%); /* keeps it centered at that spot */width: 1000px;height: 2000px;border: 3px solid black;display: flex;align-items: center;justify-content: center;}
.square::before {content: "";position: absolute;top: 15%;left: 15%;width: 70%;height: 70%;border: 3px solid black;}.
square::after {content: "";position: absolute;top: 30%;left: 30%;width: 40%;height: 40%;border: 3px solid black;}
.mainDiv{position:absolute;width: 206px;height: 190px;margin: 0px auto;top:38%;left:46%;}
.tausta1 {position: absolute;opacity: 0.2;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,#003cff,#ff0000 40px,#499c46 50px,#2e49e5 50px);}
.teksti {position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%) rotate(-180deg);writing-mode: vertical-lr;}
p{text-orientation: upright;color:#4fa33e;font-size:23pt;letter-spacing: -10px;}
.tausta2 {position: absolute;opacity: 0.2;width:100%;
height:100%;
background-image:repeating-linear-gradient(-45deg,#ff8a00,#48ff00 40px,#e20f0f 40px,#3a2ee5 200px);}