body{text-align:center;box-sizing:border-box;background-color:#0ff;min-height:100vh;margin:0;padding:2rem 0;font-family:Lobster Two,cursive;position:relative}img{width:400px;height:100%}#app{max-width:700px;margin:1rem auto;padding:0 1rem}body:before,body:after{content:"";background-color:#7fffd4;width:150px;height:100vh;position:fixed;top:0}body:before{clip-path:polygon(0 0,20% 21%,47% 51%,0 100%,0 54%);left:0}body:after{clip-path:polygon(0 0,20% 21%,47% 51%,0 100%,0 54%);right:0;transform:scaleX(-1)}