*{margin:0;padding:0}body{height:100vh;width:100vw}#root{height:100%}.container_navbar{width:100%;height:10%;display:flex;justify-content:space-between;align-items:center;padding:10px}.navbar_logo{display:flex;align-items:center;margin-left:20px}.navbar_logo img{height:40px;width:auto;pointer-events:all}.navbar_links{position:relative;right:100px}.navbar_links a{padding-right:20px;margin-right:20px;text-decoration:none;color:#1ddeb9;display:inline-block;min-width:60px;font-size:16px}.navbar_links a:hover{color:#0de3b8;font-weight:700}.page-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.main_container .container_canvas{flex:1;position:relative;width:100%;height:70%;margin:0 auto}.main_container .container_canvas canvas{position:absolute;top:0;left:0;outline:none}.container_footer{height:10%;color:beige}.main_container{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;background-image:linear-gradient(to bottom right,#009,#0c43e8,#1aa3ff)}