*,*:before,*:after{box-sizing:border-box}body{margin:0}img{display:block;max-width:100%;height:auto}*{margin:0;padding:0}html{background:#1e1a20}.webgl{position:fixed;top:0;left:0;outline:none}.section{margin:0;align-items:center;height:100dvh;min-height:100dvh;position:relative;text-transform:uppercase;display:flex;justify-content:center;grid-template-columns:repeat(2,1)}.frame{z-index:-1;width:100vw;height:69vh;margin:0;background-color:#17141a;overflow:hidden;display:flex}.frame picture{flex-shrink:1}.frame img{object-fit:cover;max-width:100%;max-height:100%;min-height:100%;filter:opacity(50%) blur(2px);-webkit-user-select:none;user-select:none;overflow:hidden}.text-box{flex-shrink:1;width:69%;margin-left:-6.9%;max-width:100%;max-height:100%;padding:10px;background-color:#1e131c;border-radius:5px;clip-path:polygon(0 0,100% 0,100% 100%,12% 100%);display:inline-flex;flex-direction:column;justify-content:space-evenly;align-items:start}h1,h2,h3{margin:0;align-self:center;text-align:center;font-family:sans-serif;color:#ffeded;font-size:clamp(1.8rem,8vw,4rem);letter-spacing:4px;padding:10px;padding-inline:20px;border-radius:10px;background-color:#141216;-webkit-user-select:none;user-select:none}.section p{font-family:monospace;text-transform:none;line-height:125%;font-size:clamp(.9rem,4vw,2rem);font-family:sans-serif;color:#ffeded;margin-right:7.5%;padding:10px;border-radius:10px;background-color:#141216}.section .p1{margin-left:15%}.p2{margin-left:18%;position:initial}@media (orientation: portrait){.frame{justify-self:center;z-index:-1;width:95vw;height:95vh;overflow:hidden;display:flex;flex-direction:column}.frame picture{flex-shrink:0;min-height:45%;min-width:50%}.frame img{max-width:100%;max-height:100%;min-width:100%}.text-box{width:100%;height:100%;margin-left:0%;padding:5px;background-color:#1e131c;border-radius:5px;clip-path:none;display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:start}h1,h2,h3{font-size:2rem}.p2{margin-left:15%;position:static}}