Overview
I was tasked with creating a poster with only HTML and CSS code.
Process
The process was a lot of trial and error. I tried to find fun visual elements I could create with CSS and find out how they work. Turns out HTML and CSS aren't really made for making posters so there were many problems with trying to export the project to PDF. But luckly after hours of trying I could get it to work.
Here is the posters code written out:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Juliste</title>
<link rel="stylesheet" href="poster-template.css">
<style>
@font-face{
font-family: "Bytesized";
src: url("Bytesized-Regular.woff2") format("woff2");
}
body {
transform-origin:0 0;
zoom: 0.2; /* 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%, rgb(79, 8, 8), rgb(0, 0, 0) 80%);
}
.sin{
position: absolute;
left:20%;
top:10%;
border-radius: 20%;
rotate: 90deg;
}
.square {
position: absolute;
bottom: 53.3%;
left: 50%;
transform: translate(-50%, -50%);
width: 2000px;
height: 400px;
border: 3px solid black;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.square > .square {
width: 80%;
height: 80%;
}
.square > .square > .square {
width: 80%;
height: 80%;
}
.tausta1 {
position: absolute;
opacity: 0.2;
width:100%;
height:100%;
background-image:
repeating-linear-gradient(
45deg,
#003cff,
#ff0000 20px,
#499c46 25px,
#2e49e5 25px
);
}
.otsikko{
writing-mode: vertical-lr;
position: absolute;
}
h1{
text-orientation: upright;
margin-left:100px;
margin-top: 1000px;
font-size: 300px;
color: #4fa33e;
letter-spacing: -230px;
}
.teksti {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%) rotate(-180deg);
writing-mode: vertical-lr;
margin-top: 1000px;
}
.teksti p{
text-orientation: upright;
color:#4fa33e;
font-size:30pt;
letter-spacing: -10px;
}
.tausta2 {
position: absolute;
opacity: 0.2;
width:100%;
height:100%;
background-image:
repeating-linear-gradient(
-45deg,
#ff8a00,
#48ff00 20px,
#e20f0f 20px,
#3a2ee5 50px
);
}
</style>
</head>
<body>
<main>
<!-- CROP MARKS - ÄLÄ POISTA! -->
<div class="cropmark topleft"></div>
<div class="cropmark topright"></div>
<div class="cropmark bottomleft"></div>
<div class="cropmark bottomright"></div>
<div class="poster-content">
<!-- JULISTEEN SISÄLTÖ NÄIDEN KAHDEN KOMMENTIN VÄLIIN -->
<div class="tausta">
<div class="tausta1"></div>
<div class="tausta2"></div>
<div class="sin"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1560" height="804"><defs/><g><path fill="none" stroke="#02063B" paint-order="fill stroke markers" d=" M 20 425.21392956555866 L 21 426.358258688585 L 22 427.50020000064154 L 23 428.6396415585871 L 24 429.7764716643282 L 25 430.91057887576926 L 26 432.0418520177365 L 27 433.1701801928767 L 28 434.29545279252824 L 29 435.41755950756374 L 30 436.53639033920393 L 31 437.65183560980034 L 32 438.763785973587 L 33 439.8721324273995 L 34 440.9767663213604 L 35 442.07757936953016 L 36 443.174463660522 L 37 444.2673116680807 L 38 445.3560162616229 L 39 446.44047071673936 L 40 447.5205687256566 L 41 448.5962044076585 L 42 449.6672723194655 L 43 450.73366746557105 L 44 451.7952853085343 L 45 452.8520217792275 L 46 453.9037732870384 L 47 454.9504367300243 L 48 455.9919095050196 L 49 457.02808951769356 L 50 458.0588751925588 L 51 459.08416548292826 L 52 460.10385988082083 L 53 461.11785842681417 L 54 462.1260617198434 L 55 463.1283709269455 L 56 464.1246877929473 L 57 465.1149146500981 L 58 466.0989544276432 L 59 467.0767106613401 L 60 468.04808750291426 L 61 469.01298972945574 L 62 469.9713227527531 L 63 470.92299262856613 L 64 471.867906065835 L 65 472.8059704358254 L 66 473.73709378120896 L 67 474.6611848250776 L 68 475.5781529798915 L 69 476.48790835635896 L 70 477.3903617722483 L 71 478.2854247611305 L 72 479.17300958105113 L 73 480.05302922313166 L 74 480.925397420099 L 75 481.79002865474206 L 76 482.6468381682949 L 77 483.4957419687455 L 78 484.3366568390696 L 79 485.1695003453879 L 80 485.99419084504757 L 81 486.8106474946252 L 82 487.61879025785174 L 83 488.4185399134585 L 84 489.2098180629432 L 85 489.9925471382552 L 86 490.7666504093991 L 87 491.53205199195713 L 88 492.2886768545274 L 89 493.03645082607943 L 90 493.7753006032251 L 91 494.50515375740434 L 92 495.22593874198515 L 93 495.93758489927757 L 94 496.6400224674598 L 95 497.333182587417 L 96 498.01699730949167 L 97 498.6913996001442 L 98 499.3563233485247 L 99 500.0117033729532 L 100 500.65747542730963 L 101 501.2935762073318 L 102 501.9199433568209 L 103 502.53651547375443 L 104 503.143232116305 L 105 503.74003380876576 L 106 504.3268620473804 L 107 504.9036593060786 L 108 505.47036904211484 L 109 506.02693570161125 L 110 506.573304725004 L 111 507.109422552391 L 112 507.63523662878276 L 113 508.1506954092542 L 114 508.6557483639974 L 115 509.15034598327543 L 116 509.6344397822749 L 117 510.10798230585976 L 118 510.5709271332226 L 119 511.0232288824357 L 120 511.4648432148995 L 121 511.895726839689 L 122 512.3158375177978 L 123 512.7251340662787 L 124 513.1235763622802 L 125 513.5111253469806 L 126 513.8877430294166 L 127 514.253392490207 L 128 514.6080378851724 L 129 514.9516444488489 L 130 515.284178497896 L 131 515.6056074343986 L 132 515.9158997490623 L 133 516.2150250243026 L 134 516.5029539372265 L 135 516.779658262507 L 136 517.04511087515 L 137 517.2992857531533 L 138 517.5421579800577 L 139 517.773703747389 L 140 517.9939003569928 L 141 518.2027262232585 L 142 518.4001608752365 L 143 518.5861849586436 L 144 518.7607802377615 L 145 518.9239295972241 L 146 519.0756170436944 L 147 519.2158277074335 L 148 519.3445478437577 L 149 519.4617648343861 L 150 519.5674671886774 L 151 519.6616445447557 L 152 519.744287670528 L 153 519.8153884645872 L 154 519.8749399570074 L 155 519.9229363100272 L 156 519.9593728186215 L 157 519.984245910963 L 158 519.997553148772 L 159 519.9992932275559 L 160 519.989465976737 L 161 519.968072359669 L 162 519.9351144735424 L 163 519.8905955491795 L 164 519.8345199507171 L 165 519.7668931751791 L 166 519.6877218519376 L 167 519.5970137420625 L 168 519.4947777375614 L 169 519.3810238605078 L 170 519.2557632620578 L 171 519.1190082213584 L 172 518.9707721443426 L 173 518.8110695624157 L 174 518.6399161310309 L 175 518.4573286281544 L 176 518.2633249526207 L 177 518.0579241223782 L 178 517.8411462726244 L 179 517.613012653833 L 180 517.3735456296698 L 181 517.1227686748007 L 182 516.8607063725906 L 183 516.5873844126936 L 184 516.3028295885348 L 185 516.0070697946832 L 186 515.7001340241176 L 187 515.3820523653847 L 188 515.0528559996488 L 189 514.7125771976364 L 190 514.3612493164712 L 191 513.9989067964054 L 192 513.625585157443 L 193 513.2413209958576 L 194 512.8461519806056 L 195 512.4401168496329 L 196 512.0232554060779 L 197 511.59560851436925 L 198 511.15721809622045 L 199 510.70812712651997 L 200 510.2483796291184 L 201 509.77802067251326 L 202 509.29709636543043 L 203 508.80565385230466 L 204 508.3037413086579 L 205 507.7914079363764 L 206 507.26870395888807 L 207 506.73568061623877 L 208 506.1923901600693 L 209 505.63888584849326 L 210 505.07522194087665 L 211 504.501453692518 L 212 503.91763734923273 L 213 503.3238301418387 L 214 502.7200902805464 L 215 502.10647694925234 L 216 501.48305029973767 L 217 500.8498714457713 L 218 500.207002457119 L 219 499.5545063534591 L 220 498.8924470982041 L 221 498.2208895922313 L 222 497.53989966751976 L 223 496.84954408069746 L 224 496.14989050649694 L 225 495.4410075311215 L 226 494.7229646455214 L 227 493.99583223858207 L 228 493.2596815902238 L 229 492.5145848644143 L 230 491.7606151020945 L 231 490.99784621401864 L 232 490.22635297350854 L 233 489.44621100912406 L 234 488.65749679724894 L 235 487.86028765459423 L 236 487.0546617306188 L 237 486.24069799986853 L 238 485.4184762542346 L 239 484.5880770951314 L 240 483.7495819255954 L 241 482.90307294230547 L 242 482.04863312752485 L 243 481.1863462409668 L 244 480.3162968115836 L 245 479.4385701292804 L 246 478.5532522365541 L 247 477.6604299200591 L 248 476.76019070209935 L 249 475.85262283204884 L 250 474.93781527770045 L 251 474.0158577165448 L 252 473.08684052697913 L 253 472.15085477944746 L 254 471.2079922275133 L 255 470.2583452988651 L 256 469.30200708625557 L 257 468.33907133837613 L 258 467.36963245066653 L 259 466.3937854560616 L 260 465.4116260156752 L 261 464.42325040942285 L 262 463.42875552658313 L 263 462.4282388563002 L 264 461.4217984780267 L 265 460.40953305190936 L 266 459.39154180911737 L 267 458.3679245421149 L 268 457.3387815948784 L 269 456.30421385306045 L 270 455.2643227340994 L 271 454.2192101772781 L 272 453.1689786337307 L 273 452.11373105639956 L 274 451.0535708899426 L 275 449.98860206059317 L 276 448.918928965972 L 277 447.8446564648535 L 278 446.76588986688614 L 279 445.68273492226945 L 280 444.59529781138735 L 281 443.5036851343994 L 282 442.4080039007909 L 283 441.30836151888286 L 284 440.20486578530296 L 285 439.09762487441833 L 286 437.9867473277313 L 287 436.87234204323937 L 288 435.75451826475984 L 289 434.63338557122097 L 290 433.50905386591995 L 291 432.3816333657493 L 292 431.25123459039236 L 293 430.11796835148937 L 294 428.9819457417744 L 295 427.84327812418536 L 296 426.7020771209471 L 297 425.5584546026292 L 298 424.4125226771796 L 299 423.2643936789344 L 300 422.1141801576065 L 301 420.96199486725175 L 302 419.80795075521627 L 303 418.65216095106433 L 304 417.49473875548824 L 305 416.3357976292017 L 306 415.1754511818174 L 307 414.01381316070984 L 308 412.85099743986524 L 309 411.68711800871796 L 310 410.5222889609769 L 311 409.3566244834405 L 312 408.1902388448037 L 313 407.0232463844556 L 314 405.8557615012716 L 315 404.68789864239864 L 316 403.5197722920362 L 317 402.35149696021335 L 318 401.18318717156393 L 319 400.0149574540992 L 320 398.8469223279814 L 321 397.6791962942971 L 322 396.511893823833 L 323 395.3451293458542 L 324 394.17901723688726 L 325 393.0136718095077 L 326 391.84920730113413 L 327 390.68573786282974 L 328 389.52337754811225 L 329 388.36224030177334 L 330 387.2024399487085 L 331 386.0440901827595 L 332 384.8873045555686 L 333 383.73219646544754 L 334 382.578879146261 L 335 381.4274656563265 L 336 380.27806886733157 L 337 379.13080145326893 L 338 377.9857758793911 L 339 376.8431043911859 L 340 375.7028990033727 L 341 374.5652714889222 L 342 373.4303333680992 L 343 372.2981958975304 L 344 371.16897005929815 L 345 370.04276655006095 L 346 368.91969577020205 L 347 367.799867813007 L 348 366.68339245387114 L 349 365.57037913953883 L 350 364.4609369773742 L 351 363.3551747246658 L 352 362.25320077796476 L 353 361.1551231624593 L 354 360.061049521385 L 355 358.9710871054723 L 356 357.8853427624336 L 357 356.80392292648827 L 358 355.7269336079297 L 359 354.6544803827328 L 360 353.5866683822048 L 361 352.52360228267895 L 362 351.46538629525384 L 363 350.4121241555772 L 364 349.363919113677 L 365 348.32087392384 L 366 347.2830908345388 L 367 346.25067157840857 L 368 345.2237173622744 L 369 344.2023288572299 L 370 343.1866061887688 L 371 342.1766489269696 L 372 341.17255607673496 L 373 340.1744260680862 L 374 339.1823567465144 L 375 338.19644536338876 L 376 337.2167885664232 L 377 336.2434823902019 L 378 335.2766222467654 L 379 334.31630291625737 L 380 333.3626185376333 L 381 332.41566259943227 L 382 331.47552793061266 L 383 330.54230669145153 L 384 329.61609036451114 L 385 328.6969697456703 L 386 327.7850349352241 L 387 326.8803753290515 L 388 325.9830796098518 L 389 325.0932357384513 L 390 324.2109309451806 L 391 323.3362517213235 L 392 322.4692838106382 L 393 321.6101122009523 L 394 320.75882111583115 L 395 319.91549400632186 L 396 319.0802135427724 L 397 318.2530616067278 L 398 317.4341192829031 L 399 316.623466851235 L 400 315.8211837790119 L 401 315.027348713084 L 402 314.24203947215346 L 403 313.465333039146 L 404 312.6973055536645 L 405 311.93803230452477 L 406 311.1875877223755 L 407 310.44604537240167 L 408 309.713477947113 L 409 308.98995725921816 L 410 308.27555423458494 L 411 307.5703389052875 L 412 306.8743804027412 L 413 306.1877469509259 L 414 305.51050585969756 L 415 304.8427235181906 L 416 304.18446538830926 L 417 303.53579599831096 L 418 302.8967789364802 L 419 302.2674768448953 L 420 301.64795141328784 L 421 301.03826337299495 L 422 300.43847249100617 L 423 299.8486375641043 L 424 299.2688164131019 L 425 298.69906587717304 L 426 298.13944180828133 L 427 297.58999906570506 L 428 297.0507915106592 L 429 296.5218720010156 L 430 296.0032923861212 L 431 295.49510350171556 L 432 294.9973551649472 L 433 294.5100961694904 L 434 294.03337428076173 L 435 293.5672362312379 L 436 293.11172771587445 L 437 292.6668933876264 L 438 292.23277685307096 L 439 291.8094206681329 L 440 291.3968663339127 L 441 290.99515429261845 L 442 290.6043239236011 L 443 290.2244135394944 L 444 289.8554603824589 L 445 289.4975006205314 L 446 289.1505693440794 L 447 288.8147005623608 L 448 288.48992720019083 L 449 288.1762810947137 L 450 287.8737929922821 L 451 287.58249254544296 L 452 287.3024083100306 L 453 287.0335677423679 L 454 286.77599719657405 L 455 286.5297219219817 L 456 286.2947660606614 L 457 286.0711526450554 L 458 285.8589035957193 L 459 285.65803971917364 L 460 285.4685807058641 L 461 285.29054512823103 L 462 285.1239504388893 L 463 284.96881296891706 L 464 284.825147926255 L 465 284.69296939421537 L 466 284.5722903301017 L 467 284.46312256393816 L 468 284.3654767973105 L 469 284.2793626023163 L 470 284.2047884206273 L 471 284.14176156266115 L 472 284.09028820686547 L 473 284.0503733991118 L 474 284.0220210522009 L 475 284.0052339454795 L 476 284.0000137245677 L 477 284.0063609011973 L 478 284.0242748531623 L 479 284.0537538243794 L 480 284.0947949250602 L 481 284.1473941319949 L 482 284.2115462889459 L 483 284.28724510715415 L 484 284.374483165955 L 485 284.47325191350575 L 486 284.58354166762433 L 487 284.705341616738 L 488 284.83863982094334 L 489 284.9834232131769 L 490 285.1396776004958 L 491 285.3073876654694 L 492 285.4865369676804 L 493 285.6771079453372 L 494 285.8790819169946 L 495 286.0924390833857 L 496 286.31715852936276 L 497 286.55321822594703 L 498 286.8005950324889 L 499 287.05926469893575 L 500 287.3292018682096 L 501 287.6103800786925 L 502 287.9027717668208 L 503 288.20634826978693 L 504 288.5210798283493 L 505 288.84693558974965 L 506 289.1838836107374 L 507 289.53189086070097 L 508 289.8909232249058 L 509 290.2609455078386 L 510 290.64192143665747 L 511 291.0338136647477 L 512 291.43658377538287 L 513 291.85019228549066 L 514 292.27459864952345 L 515 292.7097612634329 L 516 293.1556374687484 L 517 293.61218355675874 L 518 294.0793547727968 L 519 294.5571053206271 L 520 295.0453883669347 L 521 295.54415604591645 L 522 296.0533594639733 L 523 296.5729487045031 L 524 297.102872832794 L 525 297.6430799010173 L 526 298.1935169533203 L 527 298.75413003101687 L 528 299.32486417787754 L 529 299.9056634455163 L 530 300.4964708988756 L 531 301.0972286218073 L 532 301.70787772275025 L 533 302.3283583405033 L 534 302.9586096500936 L 535 303.5985698687388 L 536 304.2481762619042 L 537 304.9073651494518 L 538 305.5760719118832 L 539 306.2542309966743 L 540 306.941775924701 L 541 307.6386392967561 L 542 308.3447528001567 L 543 309.0600472154405 L 544 309.78445242315127 L 545 310.51789741071286 L 546 311.2603102793903 L 547 312.0116182513378 L 548 312.77174767673336 L 549 313.5406240409985 L 550 314.3181719721026 L 551 315.10431524795194 L 552 315.89897680386133 L 553 316.7020787401086 L 554 317.51354232957146 L 555 318.33328802544463 L 556 319.1612354690378 L 557 319.9973034976533 L 558 320.84141015254204 L 559 321.69347268693815 L 560 322.55340757417025 L 561 323.4211305158498 L 562 324.2965564501345 L 563 325.1795995600669 L 564 326.07017328198685 L 565 326.96819031401753 L 566 327.8735626246232 L 567 328.7862014612389 L 568 329.7060173589709 L 569 330.6329201493667 L 570 331.5668189692543 L 571 332.5076222696492 L 572 333.4552378247288 L 573 334.4095727408736 L 574 335.370533465773 L 575 336.33802579759634 L 576 337.31195489422737 L 577 338.2922252825613 L 578 339.27874086786437 L 579 340.2714049431935 L 580 341.2701201988764 L 581 342.2747887320509 L 582 343.2853120562623 L 583 344.3015911111174 L 584 345.3235262719959 L 585 346.35101735981607 L 586 347.38396365085526 L 587 348.4222638866239 L 588 349.4658162837915 L 589 350.5145185441646 L 590 351.5682678647147 L 591 352.626960947656 L 592 353.6904940105717 L 593 354.75876279658746 L 594 355.83166258459175 L 595 356.90908819950135 L 596 357.99093402257176 L 597 359.0770940017506 L 598 360.1674616620741 L 599 361.26193011610445 L 600 362.3603920744079 L 601 363.4627398560724 L 602 364.5688653992631 L 603 365.6786602718157 L 604 366.79201568186625 L 605 367.9088224885151 L 606 369.02897121252676 L 607 370.1523520470612 L 608 371.27885486843877 L 609 372.4083692469349 L 610 373.5407844576059 L 611 374.67598949114296 L 612 375.81387306475415 L 613 376.95432363307344 L 614 378.09722939909557 L 615 379.242478325135 L 616 380.38995814380905 L 617 381.5395563690434 L 618 382.6911603070988 L 619 383.8446570676184 L 620 384.9999335746941 L 621 386.1568765779516 L 622 387.3153726636518 L 623 388.47530826580874 L 624 389.6365696773226 L 625 390.7990430611259 L 626 391.962614461343 L 627 393.12716981446096 L 628 394.2925949605113 L 629 395.45877565426053 L 630 396.6255975764099 L 631 397.79294634480175 L 632 398.9607075256323 L 633 400.12876664466955 L 634 401.2970091984748 L 635 402.4653206656277 L 636 403.63358651795215 L 637 404.80169223174386 L 638 405.96952329899653 L 639 407.1369652386273 L 640 408.3039036076988 L 641 409.47022401263837 L 642 410.6358121204514 L 643 411.8005536699296 L 644 412.9643344828518 L 645 414.1270404751766 L 646 415.288557668226 L 647 416.44877219985864 L 648 417.6075703356314 L 649 418.7648384799489 L 650 419.9204631871988 L 651 421.07433117287303 L 652 422.2263293246729 L 653 423.37634471359723 L 654 424.52426460501266 L 655 425.6699764697051 L 656 426.81336799491044 L 657 427.95432709532486 L 658 429.09274192409225 L 659 430.22850088376833 L 660 431.36149263726054 L 661 432.49160611874214 L 662 433.61873054454 L 663 434.7427554239946 L 664 435.8635705702912 L 665 436.9810661112613 L 666 438.0951325001535 L 667 439.20566052637196 L 668 440.3125413261822 L 669 441.4156663933833 L 670 442.5149275899439 L 671 443.61021715660365 L 672 444.70142772343604 L 673 445.7884523203743 L 674 446.871184387697 L 675 447.9495177864744 L 676 449.0233468089731 L 677 450.09256618901804 L 678 451.15707111231217 L 679 452.21675722671074 L 680 453.2715206524513 L 681 454.32125799233654 L 682 455.3658663418704 L 683 456.4052432993456 L 684 457.439286975882 L 685 458.4678960054145 L 686 459.49096955463006 L 687 460.50840733285213 L 688 461.52010960187204 L 689 462.52597718572616 L 690 463.52591148041824 L 691 464.5198144635851 L 692 465.50758870410584 L 693 466.489137371653 L 694 467.46436424618446 L 695 468.433173727376 L 696 469.3954708439927 L 697 470.35116126319906 L 698 471.30015129980615 L 699 472.24234792545553 L 700 473.17765877773877 L 701 474.10599216925146 L 702 475.0272570965815 L 703 475.9413632492297 L 704 476.84822101846316 L 705 477.74774150609915 L 706 478.63983653322003 L 707 479.5244186488171 L 708 480.40140113836344 L 709 481.2706980323144 L 710 482.132224114535 L 711 482.9858949306536 L 712 483.8316267963411 L 713 484.66933680551404 L 714 485.49894283846197 L 715 486.3203635698976 L 716 487.13351847692905 L 717 487.93832784695314 L 718 488.73471278546975 L 719 489.52259522381576 L 720 490.30189792681796 L 721 491.0725445003643 L 722 491.83445939889276 L 723 492.587567932797 L 724 493.3317962757481 L 725 494.0670714719315 L 726 494.7933214431992 L 727 495.51047499613486 L 728 496.21846182903334 L 729 496.91721253879217 L 730 497.60665862771475 L 731 498.28673251022553 L 732 498.95736751949516 L 733 499.6184979139756 L 734 500.27005888384485 L 735 500.91198655736036 L 736 501.54421800711987 L 737 502.1666912562305 L 738 502.7793452843839 L 739 503.3821200338385 L 740 503.97495641530634 L 741 504.557796313746 L 742 505.13058259405915 L 743 505.69325910669176 L 744 506.2457706931382 L 745 506.78806319134833 L 746 507.32008344103707 L 747 507.8417792888956 L 748 508.3530995937039 L 749 508.8539942313439 L 750 509.3444140997132 L 751 509.8243111235387 L 752 510.293638259089 L 753 510.7523494987863 L 754 511.2003998757163 L 755 511.6377454680363 L 756 512.0643434032811 L 757 512.480151862565 L 758 512.885130084682 L 759 513.2792383701017 L 760 513.6624380848597 L 761 514.0346916643464 L 762 514.3959626169886 L 763 514.7462155278268 L 764 515.0854160619872 L 765 515.4135309680468 L 766 515.7305280812939 L 767 516.0363763268804 L 768 516.3310457228688 L 769 516.6145073831703 L 770 516.8867335203777 L 771 517.1476974484881 L 772 517.3973735855196 L 773 517.6357374560192 L 774 517.8627656934618 L 775 518.0784360425407 L 776 518.2827273613494 L 777 518.4756196234545 L 778 518.6570939198579 L 779 518.8271324608514 L 780 518.9857185777604 L 781 519.1328367245773 L 782 519.2684724794861 L 783 519.3926125462762 L 784 519.5052447556449 L 785 519.6063580663917 L 786 519.6959425664996 L 787 519.7739894741072 L 788 519.8404911383695 L 789 519.8954410402079 L 790 519.938833792949 L 791 519.9706651428535 L 792 519.9909319695319 L 793 519.9996322862517 L 794 519.996765240131 L 795 519.982331112223 L 796 519.9563313174882 L 797 519.9187684046551 L 798 519.8696460559713 L 799 519.8089690868419 L 800 519.7367434453574 L 801 519.6529762117113 L 802 519.5576755975053 L 803 519.4508509449445 L 804 519.332512725922 L 805 519.2026725409919 L 806 519.0613431182321 L 807 518.9085383119971 L 808 518.7442731015591 L 809 518.5685635896403 L 810 518.3814270008343 L 811 518.1828816799167 L 812 517.9729470900481 L 813 517.7516438108653 L 814 517.518993536464 L 815 517.2750190732726 L 816 517.0197443378156 L 817 516.7531943543704 L 818 516.4753952525128 L 819 516.1863742645569 L 820 515.8861597228841 L 821 515.5747810571673 L 822 515.2522687914845 L 823 514.9186545413274 L 824 514.5739710105022 L 825 514.218251987923 L 826 513.8515323443003 L 827 513.4738480287222 L 828 513.0852360651304 L 829 512.6857345486911 L 830 512.2753826420601 L 831 511.85422057154426 L 832 511.4222896231574 L 833 510.9796321385741 L 834 510.52629151097807 L 835 510.06231218080904 L 836 509.5877396314057 L 837 509.1026203845477 L 838 508.6070019958945 L 839 508.10093305032433 L 840 507.5844631571704 L 841 507.0576429453589 L 842 506.52052405844506 L 843 505.97315914955124 L 844 505.4156018762046 L 845 504.8479068950782 L 846 504.27012985663185 L 847 503.6823273996579 L 848 503.08455714572807 L 849 502.4768776935457 L 850 501.8593486132006 L 851 501.23203044033016 L 852 500.5949846701846 L 853 499.948273751599 L 854 499.29196108087126 L 855 498.6261109955477 L 856 497.9507887681158 L 857 497.266060599606 L 858 496.57199361310177 L 859 495.8686558471599 L 860 495.15611624914027 L 861 494.4344446684478 L 862 493.7037118496842 L 863 492.96398942571426 L 864 492.2153499106422 L 865 491.45786669270467 L 866 490.6916140270754 L 867 489.9166670285872 L 868 489.13310166436725 L 869 488.3409947463915 L 870 487.5404239239535 L 871 486.7314676760539 L 872 485.91420530370607 L 873 485.0887169221632 L 874 484.2550834530639 L 875 483.4133866165006 L 876 482.5637089230072 L 877 481.70613366547224 L 878 480.8407449109724 L 879 479.96762749253264 L 880 479.08686700080904 L 881 478.1985497756997 L 882 477.30276289787946 L 883 476.3995941802651 L 884 475.4891321594057 L 885 474.57146608680455 L 886 473.64668592016903 L 887 472.7148823145933 L 888 471.77614661367016 L 889 470.83057084053814 L 890 469.8782476888591 L 891 468.91927051373307 L 892 467.9537333225454 L 893 466.9817307657527 L 894 466.0033581276027 L 895 465.01871131679565 L 896 464.02788685708043 L 897 463.03098187779426 L 898 462.0280941043398 L 899 461.01932184860647 L 900 460.00476399933183 L 901 458.98452001240884 L 902 457.9586899011352 L 903 456.92737422641017 L 904 455.89067408687583 L 905 454.8486911090073 L 906 453.80152743714956 L 907 452.7492857235054 L 908 451.69206911807134 L 909 450.62998125852727 L 910 449.5631262600757 L 911 448.4916087052362 L 912 447.41553363359355 L 913 446.3350065314999 L 914 445.25013332173523 L 915 444.16102035312247 L 916 443.067774390104 L 917 441.9705026022737 L 918 440.8693125538732 L 919 439.7643121932456 L 920 438.6556098422553 L 921 437.5433141856674 L 922 436.42753426049535 L 923 435.3083794453106 L 924 434.1859594495216 L 925 433.0603843026179 L 926 431.9317643433855 L 927 430.80021020908896 L 928 429.6658328246272 L 929 428.52874339165834 L 930 427.38905337769995 L 931 426.2468745052009 L 932 425.1023187405905 L 933 423.95549828330115 L 934 422.8065255547713 L 935 421.65551318742314 L 936 420.50257401362296 L 937 419.3478210546187 L 938 418.19136750946245 L 939 417.0333267439119 L 940 415.8738122793188 L 941 414.71293778149914 L 942 413.55081704959196 L 943 412.3875640049025 L 944 411.2232926797361 L 945 410.058117206218 L 946 408.8921518051069 L 947 407.7255107745962 L 948 406.55830847911153 L 949 405.3906593380976 L 950 404.2226778148037 L 951 403.0544784050615 L 952 401.8861756260625 L 953 400.71788400513054 L 954 399.5497180684965 L 955 398.38179233006974 L 956 397.2142212802142 L 957 396.04711937452316 L 958 394.8806010226011 L 959 393.71478057684675 L 960 392.5497723212446 L 961 391.3856904601602 L 962 390.22264910714694 L 963 389.06076227375723 L 964 387.9001438583683 L 965 386.74090763501516 L 966 385.5831672422388 L 967 384.42703617194496 L 968 383.2726277582804 L 969 382.1200551665209 L 970 380.96943138197975 L 971 379.8208691989301 L 972 378.67448120954964 L 973 377.5303797928816 L 974 376.38867710382016 L 975 375.2494850621141 L 976 374.11291534139735 L 977 372.9790793582401 L 978 371.84808826122816 L 979 370.7200529200659 L 980 369.5950839147092 L 981 368.47329152452403 L 982 367.3547857174771 L 983 366.23967613935486 L 984 365.12807210301605 L 985 364.0200825776746 L 986 362.9158161782191 L 987 361.8153811545637 L 988 360.71888538103815 L 989 359.6264363458115 L 990 358.5381411403567 L 991 357.45410644895077 L 992 356.3744385382186 L 993 355.2992432467139 L 994 354.22862597454576 L 995 353.1626916730446 L 996 352.10154483447565 L 997 351.04528948179416 L 998 349.99402915844956 L 999 348.94786691823384 L 1000 347.9069053151806 L 1001 346.87124639351066 L 1002 345.8409916776299 L 1003 344.81624216217574 L 1004 343.79709830211806 L 1005 342.7836600029103 L 1006 341.7760266106974 L 1007 340.7742969025754 L 1008 339.77856907691 L 1009 338.78894074370885 L 1010 337.80550891505436 L 1011 336.8283699955924 L 1012 335.85761977308255 L 1013 334.8933534090086 L 1014 333.9356654292488 L 1015 332.9846497148107 L 1016 332.0403994926273 L 1017 331.10300732641895 L 1018 330.1725651076183 L 1019 329.2491640463639 L 1020 328.332894662557 L 1021 327.42384677699 L 1022 326.52210950253954 L 1023 325.62777123543276 L 1024 324.74091964658004 L 1025 323.86164167298244 L 1026 322.99002350920784 L 1027 322.1261505989429 L 1028 321.2701076266155 L 1029 320.4219785090949 L 1030 319.5818463874639 L 1031 318.74979361887 L 1032 317.92590176845073 L 1033 317.1102516013393 L 1034 316.30292307474576 L 1035 315.5039953301205 L 1036 314.71354668539465 L 1037 313.93165462730377 L 1038 313.158395803791 L 1039 312.3938460164944 L 1040 311.638080213315 L 1041 310.89117248107107 L 1042 310.15319603823394 L 1043 309.4242232277522 L 1044 308.7043255099584 L 1045 307.99357345556507 L 1046 307.292036738746 L 1047 306.59978413030683 L 1048 305.9168834909426 L 1049 305.2434017645866 L 1050 304.5794049718469 L 1051 303.9249582035351 L 1052 303.2801256142852 L 1053 302.644970416265 L 1054 302.01955487297863 L 1055 301.4039402931642 L 1056 300.7981870247826 L 1057 300.2023544491024 L 1058 299.6165009748784 L 1059 299.0406840326262 L 1060 298.47496006899183 L 1061 297.91938454121913 L 1062 297.3740119117125 L 1063 296.83889564269884 L 1064 296.3140881909858 L 1065 295.79964100282047 L 1066 295.2956045088454 L 1067 294.80202811915535 L 1068 294.3189602184535 L 1069 293.8464481613086 L 1070 293.3845382675124 L 1071 292.93327581753954 L 1072 292.4927050481082 L 1073 292.06286914784414 L 1074 291.6438102530466 L 1075 291.2355694435579 L 1076 290.83818673873634 L 1077 290.4517010935334 L 1078 290.07615039467447 L 1079 289.71157145694565 L 1080 289.3580000195841 L 1081 289.01547074277505 L 1082 288.6840172042538 L 1083 288.3636718960145 L 1084 288.05446622112447 L 1085 287.7564304906464 L 1086 287.4695939206664 L 1087 287.19398462943053 L 1088 286.92962963458785 L 1089 286.6765548505426 L 1090 286.43478508591295 L 1091 286.2043440411 L 1092 285.98525430596374 L 1093 285.7775373576088 L 1094 285.5812135582794 L 1095 285.39630215336274 L 1096 285.2228212695026 L 1097 285.0607879128228 L 1098 284.91021796725926 L 1099 284.77112619300385 L 1100 284.6435262250568 L 1101 284.5274305718905 L 1102 284.42285061422274 L 1103 284.3297966039019 L 1104 284.24827766290133 L 1105 284.17830178242525 L 1106 284.11987582212555 L 1107 284.0730055094293 L 1108 284.0376954389772 L 1109 284.0139490721732 L 1110 284.0017687368452 L 1111 284.001155627017 L 1112 284.012109802791 L 1113 284.03463019034234 L 1114 284.0687145820245 L 1115 284.1143596365852 L 1116 284.17156087949445 L 1117 284.24031270338276 L 1118 284.3206083685911 L 1119 284.4124400038313 L 1120 284.51579860695807 L 1121 284.6306740458512 L 1122 284.7570550594087 L 1123 284.89492925865096 L 1124 285.0442831279351 L 1125 285.20510202628003 L 1126 285.3773701888013 L 1127 285.5610707282571 L 1128 285.7561856367031 L 1129 285.9626957872583 L 1130 286.18058093597944 L 1131 286.4098197238461 L 1132 286.6503896788539 L 1133 286.902267218218 L 1134 287.1654276506843 L 1135 287.43984517895046 L 1136 287.72549290219416 L 1137 288.02234281871085 L 1138 288.33036582865805 L 1139 288.64953173690867 L 1140 288.9798092560102 L 1141 289.3211660092525 L 1142 289.67356853384126 L 1143 290.0369822841785 L 1144 290.4113716352487 L 1145 290.7966998861117 L 1146 291.1929292634997 L 1147 291.6000209255208 L 1148 292.01793496546605 L 1149 292.4466304157221 L 1150 292.8860652517864 L 1151 293.33619639638766 L 1152 293.796979723708 L 1153 294.26837006370886 L 1154 294.75032120655897 L 1155 295.24278590716415 L 1156 295.74571588979865 L 1157 296.2590618528378 L 1158 296.78277347359074 L 1159 297.3167994132336 L 1160 297.861087321842 L 1161 298.41558384352334 L 1162 298.98023462164656 L 1163 299.5549843041713 L 1164 300.13977654907325 L 1165 300.73455402986826 L 1166 301.339258441231 L 1167 301.9538305047113 L 1168 302.5782099745445 L 1169 303.2123356435581 L 1170 303.8561453491709 L 1171 304.50957597948764 L 1172 305.1725634794847 L 1173 305.84504285729065 L 1174 306.52694819055597 L 1175 307.21821263291656 L 1176 307.91876842054563 L 1177 308.6285468787973 L 1178 309.34747842893785 L 1179 310.0754925949674 L 1180 310.81251801052764 L 1181 311.5584824258988 L 1182 312.3133127150809 L 1183 313.07693488296377 L 1184 313.8492740725792 L 1185 314.6302545724402 L 1186 315.41979982396225 L 1187 316.2178324289687 L 1188 317.0242741572774 L 1189 317.8390459543703 L 1190 318.6620679491423 L 1191 319.4932594617318 L 1192 320.3325390114284 L 1193 321.1798243246619 L 1194 322.03503234306606 L 1195 322.89807923162175 L 1196 323.76888038687434 L 1197 324.6473504452282 L 1198 325.53340329131373 L 1199 326.42695206643043 L 1200 327.32790917706006 L 1201 328.2361863034548 L 1202 329.1516944082939 L 1203 330.074343745413 L 1204 331.0040438686005 L 1205 331.9407036404656 L 1206 332.88423124137046 L 1207 333.8345341784333 L 1208 334.7915192945931 L 1209 335.7550927777438 L 1210 336.7251601699288 L 1211 337.701626376602 L 1212 338.6843956759487 L 1213 339.67337172826973 L 1214 340.6684575854257 L 1215 341.6695557003396 L 1216 342.67656793656073 L 1217 343.6893955778836 L 1218 344.707939338026 L 1219 345.73209937036086 L 1220 346.76177527770534 L 1221 347.7968661221612 L 1222 348.8372704350112 L 1223 349.88288622666437 L 1224 350.93361099665543 L 1225 351.98934174369134 L 1226 353.04997497574993 L 1227 354.1154067202234 L 1228 355.1855325341123 L 1229 356.2602475142625 L 1230 357.3394463076502 L 1231 358.42302312170773 L 1232 359.51087173469625 L 1233 360.6028855061168 L 1234 361.6989573871657 L 1235 362.79897993122677 L 1236 363.9028453044059 L 1237 365.0104452961003 L 1238 366.12167132960764 L 1239 367.2364144727684 L 1240 368.35456544864576 L 1241 369.47601464623625 L 1242 370.60065213121663 L 1243 371.7283676567187 L 1244 372.8590506741386 L 1245 373.99259034397176 L 1246 375.12887554668043 L 1247 376.26779489358455 L 1248 377.40923673778303 L 1249 378.5530891850964 L 1250 379.69924010503763 L 1251 380.8475771418023 L 1252 381.9979877252843 L 1253 383.15035908210956 L 1254 384.30457824669236 L 1255 385.46053207230796 L 1256 386.6181072421856 L 1257 387.77719028061534 L 1258 388.9376675640733 L 1259 390.0994253323589 L 1260 391.2623496997478 L 1261 392.4263266661545 L 1262 393.5912421283095 L 1263 394.7569818909426 L 1264 395.9234316779794 L 1265 397.09047714374185 L 1266 398.2580038841589 L 1267 399.42589744798 L 1268 400.59404334799615 L 1269 401.76232707226137 L 1270 402.9306340953197 L 1271 404.09884988943037 L 1272 405.26685993579656 L 1273 406.4345497357898 L 1274 407.6018048221758 L 1275 408.7685107703339 L 1276 409.93455320947567 L 1277 411.09981783385484 L 1278 412.2641904139742 L 1279 413.42755680778174 L 1280 414.58980297186156 L 1281 415.7508149726116 L 1282 416.9104789974144 L 1283 418.06868136579186 L 1284 419.22530854055134 L 1285 420.3802471389137 L 1286 421.5333839436297 L 1287 422.684605914077 L 1288 423.83380019734284 L 1289 424.98085413928567 L 1290 426.1256552955796 L 1291 427.2680914427359 L 1292 428.40805058910576 L 1293 429.5454209858568 L 1294 430.6800911379297 L 1295 431.81194981496594 L 1296 432.9408860622133 L 1297 434.06678921140116 L 1298 435.1895488915907 L 1299 436.30905503999264 L 1300 437.42519791275856 L 1301 438.53786809573694 L 1302 439.64695651520077 L 1303 440.7523544485382 L 1304 441.85395353491214 L 1305 442.95164578588117 L 1306 444.04532359598704 L 1307 445.13487975330145 L 1308 446.22020744993773 L 1309 447.30120029251924 L 1310 448.3777523126108 L 1311 449.4497579771049 L 1312 450.5171121985686 L 1313 451.5797103455436 L 1314 452.6374482528046 L 1315 453.6902222315694 L 1316 454.73792907966373 L 1317 455.78046609163846 L 1318 456.8177310688367 L 1319 457.8496223294134 L 1320 458.8760387183022 L 1321 459.89687961713213 L 1322 460.91204495409033 L 1323 461.9214352137333 L 1324 462.92495144674047 L 1325 463.9224952796161 L 1326 464.91396892433073 L 1327 465.8992751879091 L 1328 466.878317481956 L 1329 467.85099983212666 L 1330 468.817226887533 L 1331 469.7769039300928 L 1332 470.7299368838127 L 1333 471.67623232401235 L 1334 472.6156974864811 L 1335 473.5482402765729 L 1336 474.47376927823285 L 1337 475.3921937629601 L 1338 476.3034236987004 L 1339 477.20736975867317 L 1340 478.10394333012687 L 1341 478.9930565230268 L 1342 479.8746221786695 L 1343 480.74855387822845 L 1344 481.61476595122383 L 1345 482.47317348392244 L 1346 483.32369232765996 L 1347 484.16623910709166 L 1348 485.0007312283639 L 1349 485.82708688721243 L 1350 486.64522507697984 L 1351 487.45506559655814 L 1352 488.25652905824927 L 1353 489.0495368955489 L 1354 489.8340113708467 L 1355 490.60987558304845 L 1356 491.3770534751128 L 1357 492.1354698415088 L 1358 492.8850503355867 L 1359 493.6257214768674 L 1360 494.35741065824436 L 1361 495.08004615310244 L 1362 495.793557122348 L 1363 496.4978736213542 L 1364 497.1929266068166 L 1365 497.8786479435227 L 1366 498.5549704110295 L 1367 499.2218277102545 L 1368 499.8791544699741 L 1369 500.5268862532321 L 1370 501.16495956365634 L 1371 501.79331185168337 L 1372 502.41188152068975 L 1373 503.02060793303065 L 1374 503.6194314159836 L 1375 504.208293267599 L 1376 504.7871357624535 L 1377 505.3559021573097 L 1378 505.91453669667794 L 1379 506.4629846182825 L 1380 507.00119215842943 L 1381 507.5291065572773 L 1382 508.04667606400875 L 1383 508.5538499419041 L 1384 509.0505784733146 L 1385 509.53681296453635 L 1386 510.01250575058356 L 1387 510.47761019986143 L 1388 510.93208071873687 L 1389 511.3758727560085 L 1390 511.8089428072735 L 1391 512.2312484191928 L 1392 512.6427481936521 L 1393 513.0434017918209 L 1394 513.4331699381058 L 1395 513.8120144240017 L 1396 514.1798981118366 L 1397 514.5367849384127 L 1398 514.8826399185409 L 1399 515.2174291484714 L 1400 515.5411198092162 L 1401 515.8536801697669 L 1402 516.1550795902051 L 1403 516.4452885247063 L 1404 516.7242785244354 L 1405 516.9920222403365 L 1406 517.2484934258133 L 1407 517.4936669393022 L 1408 517.7275187467369 L 1409 517.9500259239044 L 1410 518.1611666586921 L 1411 518.3609202532264 L 1412 518.5492671259011 L 1413 518.7261888132977 L 1414 518.8916679719947 L 1415 519.0456883802681 L 1416 519.1882349396814 L 1417 519.3192936765658 L 1418 519.4388517433904 L 1419 519.5468974200204 L 1420 519.6434201148677 L 1421 519.7284103659276 L 1422 519.8018598417078 L 1423 519.8637613420439 L 1424 519.9141087988057 L 1425 519.9528972764923 L 1426 519.9801229727157 L 1427 519.9957832185734 L 1428 519.9998764789102 L 1429 519.9924023524687 L 1430 519.9733615719288 L 1431 519.942756003835 L 1432 519.9005886484149 L 1433 519.8468636392837 L 1434 519.7815862430399 L 1435 519.7047628587487 L 1436 519.6164010173144 L 1437 519.5165093807427 L 1438 519.4050977412915 L 1439 519.2821770205102 L 1440 519.1477592681703 L 1441 519.0018576610831 L 1442 518.844486501809 L 1443 518.6756612172544 L 1444 518.4953983571598 L 1445 518.3037155924783 L 1446 518.1006317136416 L 1447 517.8861666287198 L 1448 517.6603413614687 L 1449 517.4231780492689 L 1450 517.1746999409565 L 1451 516.9149313945434 L 1452 516.6438978748293 L 1453 516.3616259509063 L 1454 516.0681432935532 L 1455 515.7634786725242 L 1456 515.4476619537277 L 1457 515.120724096299 L 1458 514.7826971495651 L 1459 514.4336142499036 L 1460 514.0735096174934 L 1461 513.7024185529614 L 1462 513.3203774339204 L 1463 512.9274237114048 L 1464 512.5235959061979 L 1465 512.1089336050567 L 1466 511.68347745683036 L 1467 511.24726916847663 L 1468 510.80035150097217 L 1469 510.34276826512166 L 1470 509.8745643172623 L 1471 509.3957855548673 L 1472 508.90647891204605 L 1473 508.40669235494386 L 1474 507.89647487703894 L 1475 507.3758764943407 L 1476 506.84494824048585 L 1477 506.3037421617364 L 1478 505.7523113118769 L 1479 505.1907097470142 L 1480 504.6189925202779 L 1481 504.03721567642435 L 1482 503.44543624634156 L 1483 502.84371224145957 L 1484 502.2321026480628 L 1485 501.61066742150837 L 1486 500.9794674803484 L 1487 500.3385647003583 L 1488 499.688021908471 L 1489 499.02790287661867 L 1490 498.3582723154804 L 1491 497.67919586813946 L 1492 496.9907401036476 L 1493 496.2929725105005 L 1494 495.5859614900205 L 1495 494.8697763496528 L 1496 494.1444872961699 L 1497 493.41016542879066 L 1498 492.66688273220933 L 1499 491.91471206954 L 1500 491.153727175173 L 1501 490.38400264754773 L 1502 489.6056139418389 L 1503 488.81863736256076 L 1504 488.0231500560859 L 1505 487.2192300030841 L 1506 486.40695601087623 L 1507 485.58640770571094 L 1508 484.75766552495685 L 1509 483.9208107092192 L 1510 483.07592529437454 L 1511 482.22309210352995 L 1512 481.362394738903 L 1513 480.49391757362736 L 1514 479.6177457434806 L 1515 478.7339651385398 L 1516 477.84266239476057 L 1517 476.9439248854849 L 1518 476.0378407128763 L 1519 475.12449869928236 L 1520 474.2039883785288 L 1521 473.27639998714113 L 1522 472.34182445550044 L 1523 471.4003533989282 L 1524 470.4520791087064 L 1525 469.49709454302956 L 1526 468.53549331789276 L 1527 467.5673696979139 L 1528 466.592818587094 L 1529 465.61193551951266 L 1530 464.6248166499644 L 1531 463.6315587445311 L 1532 462.6322591710978 L 1533 461.62701588980633 L 1534 460.61592744345376 L 1535 459.5990929478309 L 1536 458.57661208200784 L 1537 457.5485850785607 L 1538 456.5151127137475 L 1539 455.47629629762804" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="5"/></g></svg></div>
<div class="otsikko">
<h1>koe/koodi </h1>
</div>
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square">
<div class="square"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="teksti"><p>
@font-face{font-family: "Bytesized";src: url("Bytesized-Regular.woff2") format("woff2");}body <br>{transform-origin:0 0;zoom: 0.15; /* POISTA ZOOM PAINOVERSIOON TAI KUN HALUAT KATSOA OIKEASSA KOOSSA: */font-family: Bytesized;}<br>/* ESIMERKKI: */html, body, <br>.poster-content {height: 100%;margin: 0;}<br>.tausta {position: relative;width:100%;height:100%;<br>background:conic-gradient(rgb(255, 255, 255) 20%, red, rgb(0, 0, 0) 80%);}<br>.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;}<br>.square::before {content: "";position: absolute;top: 15%;left: 15%;width: 70%;height: 70%;border: 3px solid black;}.<br>square::after {content: "";position: absolute;top: 30%;left: 30%;width: 40%;height: 40%;border: 3px solid black;}<br>.mainDiv{position:absolute;width: 206px;height: 190px;margin: 0px auto;top:38%;left:46%;}<br>.tausta1 {position: absolute;opacity: 0.2;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,#003cff,#ff0000 40px,#499c46 50px,#2e49e5 50px);}<br>.teksti {position: absolute;<br>bottom: 20px;<br>left: 50%;<br>transform: translateX(-50%) rotate(-180deg);writing-mode: vertical-lr;}<br>p{text-orientation: upright;color:#4fa33e;font-size:23pt;letter-spacing: -10px;}<br>.tausta2 {position: absolute;opacity: 0.2;width:100%;<br>height:100%;<br>background-image:repeating-linear-gradient(-45deg,#ff8a00,#48ff00 40px,#e20f0f 40px,#3a2ee5 200px);}
</p>
</div>
</div>
<!-- JULISTEEN SISÄLTÖ NÄIDEN KAHDEN KOMMENTIN VÄLIIN -->
</div>
</main>
</body>
</html>
My intention was to make the poster very futuristic and "code-like" and I am really happy about the outcome. It has that tech vibe I was going for and I thing it genuinely looks like it was done with code.