body{background:linear-gradient(-20deg,#e9defa,#fbfcdb);height:100vh}.navbar-brand{font-weight:700}nav{height:80px}.contain{background:#ffffff4f;width:25vw}.btnGroup{display:flex;justify-content:space-between}.btnGroup>.btn{width:48%!important}@media screen and (max-width:1024px){.contain{width:60vw}}@media screen and (max-width:500px){.contain{width:80vw}}.background{height:80vh}.btn{align-items:center;padding:4px 14px;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;border-radius:2px;border:none;background:#6e6d70;box-shadow:0 .5px 1px #0000001a,inset 0 .5px .5px #ffffff80,0 0 0 .5px #0000001f;color:#dfdedf;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn:focus{box-shadow:inset 0 .8px 0 -.25px #fff3,0 .5px 1px #0000001a,0 0 0 3.5px #3a6cd980;outline:0}*{padding:0;margin:0;box-sizing:border-box}