*{box-sizing:border-box}h3{font-family:Bungee Hairline,monospace,serif;font-size:2rem;letter-spacing:2px}code{font-family:Bungee Hairline,JetBrains Mono,monospace}@media (max-width: 768px){h1{text-align:center;font-size:10vw}h2,h3{text-align:center;font-size:9vw;overflow:hidden}}.container{max-width:1200px;padding:28px 40px}@media (max-width: 768px){.container{padding:0 20px;max-width:100%}#root{max-width:100%;display:flex;align-items:center}}.hello-world{height:200px;letter-spacing:5px;justify-content:center;text-align:center}@media (max-width: 768px){.hello-world{height:28vh;letter-spacing:0px;font-size:small}.grid{margin-top:2vh}h1{margin-top:4vh}}body{font-family:JetBrains Mono,serif;text-align:justify}.font{text-align:justify;font-family:"IBM Plex Serif",serif}.left,.right{flex:1}.grid{display:flex;justify-content:space-between;gap:5vw}.grid-box img{filter:grayscale(1);background-color:#49494900;padding:4px;max-width:16%;box-shadow:4px 4px 8px #000000a4;transition:filter .2s,box-shadow .6s ease}.left .grid-box img{max-width:80%;padding:32px 80px}.grid-box img:hover{filter:none;box-shadow:4px 4px 28px #50505047}.grid-box .images{margin-left:16px;margin-right:16px;display:flex;justify-content:space-between;align-items:center}.left .grid-box .images{flex-direction:column;align-items:center;width:100%;gap:12px}.arrows{display:flex;flex-direction:row;justify-content:space-between}@media (max-width: 768px){.grid{flex-direction:column;padding:0}.grid-box .images{justify-content:space-between;align-items:center;margin:0}.left .grid-box img{padding:6vh 18vw;width:100%}.arrows{flex-direction:column;gap:0px}.arrows h1{margin:2vh 0vw 0vh 0vw}}@media (min-width: 768px){.right{margin-top:60px}}