*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Verdana,sans-serif}h1,h2,h3{font-family:Helvetica,sans-serif}h1{color:#fff;font-size:25px}p{color:#3b3b3b;font-size:15px;font-weight:500}button{margin:25px auto;padding:10px 20px;background:#1dc9ba;border:2px solid hsla(175,75%,45%,.95);border-radius:20px;font-size:15px;font-weight:700;color:#fff}html,body,#app{display:flex;flex-wrap:wrap;justify-content:center;width:100%;height:100%;background:#1dc9ba0d;overflow:hidden}north{display:flex;justify-content:center;align-items:center;width:100%;height:50px;background:#000;cursor:pointer}west{display:flex;justify-content:center;align-items:center;width:50px;height:calc(100% - 100px);background:#000;cursor:pointer}main{display:flex;justify-content:center;align-items:center;width:calc(100% - 100px);height:calc(100% - 100px)}east{display:flex;justify-content:center;align-items:center;width:50px;height:calc(100% - 100px);background:#000;cursor:pointer}south{display:flex;justify-content:center;align-items:center;width:100%;height:50px;background:#000;cursor:pointer}#P,#S,#C,svg{display:flex;width:100%;height:100%}