.container{width:80%;margin-right:10%;margin-left:10%}@font-face{font-family:Puritan;src:url(/assets/Puritan-Regular-CCL-ISmA.otf) format("opentype");font-weight:400;font-style:normal}body{width:100%;margin:0}body #app{width:100%;font-family:Puritan,sans-serif}body #app header{position:fixed;top:0;left:0;width:100%;height:3.5rem;padding:1rem 10vw;background-color:#373737;z-index:4}body #app header img{height:100%;margin:0}body #app header .newBtn{position:fixed;top:.5rem;right:4vw;z-index:5;border:none;background-color:#b8579f;padding:1rem 1.4rem;border-radius:1rem;box-shadow:0 0 20px 5px #fff3;margin:.5rem .8rem .5rem 0;transition:.4s;cursor:pointer}body #app header .newBtn svg{fill:#fff;height:1.5rem;max-width:1.5rem}body #app header .newBtn:hover{transform:scale(1.05)}body #app main{margin-top:8rem}body #app footer{position:fixed;display:flex;bottom:0;left:0;margin:0;width:100%;background-color:#373737;color:#fff;height:5rem;justify-content:space-between}body #app footer .nav{display:flex;color:#fff;width:50%;justify-content:center;align-items:center;gap:0;transition:.6s}body #app footer .nav:hover{background-color:#ffffff0d}body #app footer .nav:hover svg{fill:#c77bb3}body #app footer .nav svg{height:2rem;fill:#eaeaea}body #app footer .nav.router-link-active svg{fill:#c77bb3}