body{background:#9ba9c5}nav{position:relative;z-index:3}nav a,nav button{display:inline-flex;align-items:center;min-height:44px}button{font:inherit}.perreo-scene{position:relative;max-width:1150px;margin:auto;min-height:calc(100dvh - 60px)}.gray-column{position:relative;background:#808080;max-width:420px;min-height:80dvh;margin:0 auto;padding:25px 15px;box-sizing:border-box;z-index:1}.rainbow-box{background:white;border:0;padding:10px;animation:rainbow-background 9s linear infinite}.flames{position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;max-width:990px;height:auto}.perre-one{position:absolute;left:6%;top:75px;width:155px;height:auto}.perre-two{position:absolute;right:2%;top:125px;width:220px;height:auto}.perre-three{position:absolute;left:0;top:460px;width:248px;height:auto}@keyframes rainbow-background{0%,100%{background:#ff7373}15%{background:#ffba73}30%{background:#ffff73}45%{background:#73e892}60%{background:#73b9ff}75%{background:#b273ff}90%{background:#ff73e8}}@media(max-width:700px){.perreo-scene{padding-top:100px}.gray-column{max-width:100%;min-height:0;margin:0 20px}.perre-one{position:relative;left:4%;top:auto;width:85px;margin-top:20px}.perre-two{position:relative;right:auto;top:auto;width:130px;float:right;margin-top:25px}.perre-three{position:relative;left:5%;top:auto;width:150px;display:block;margin-top:15px}.flames{width:100%;top:20px}}@media(prefers-reduced-motion:reduce){.rainbow-box{animation:none;}}

@media(min-width:701px){.flames{z-index:2;pointer-events:none}.gray-column{padding-top:200px}}