@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;1,400;1,500;1,700&display=swap);
.comfortaa{font-family:Comfortaa,cursive}.fira-sans{font-family:Fira Sans,sans-serif}.logo-Container{align-items:center;display:flex;justify-content:space-between;max-width:180px;min-width:180px}.logo-Container h1{color:#fff;font-size:30px;margin:0;padding:0}.logo-Container span{background-color:#fff;border-radius:50%;height:18px;width:18px}.logo-Container span.red{background-color:#e2302a}.logo-Container span.yellow{background-color:#efb625}.logo-Container span.green{background-color:#298d60}body{overflow:hidden}.page-Container .bg-green{background-color:#2e3d2b;display:grid;grid-template-columns:100%;grid-template-rows:120px calc(100vh - 120px);padding-left:60px}.page-Container .bg-green header{display:grid;grid-template-areas:"logo title menu";grid-template-columns:25% 50% 25%;grid-template-rows:auto}.page-Container .bg-green header>div{align-items:center;display:flex}.page-Container .bg-green header .logo-Container{grid-area:logo}.page-Container .bg-green header .page-Title{grid-area:title;justify-content:center}.page-Container .bg-green header .page-Title h3{color:#fff;font-weight:600;text-align:center}.page-Container .bg-green header>.menu-Container{grid-area:menu;justify-content:end;padding-right:60px}.page-Container .bg-green main{background-color:#ededcd;border-top-left-radius:50px;overflow:hidden}.page-Container .bg-green main .scroll-container{height:100%;overflow-y:auto}.page-Container .bg-green main .fixed-button{bottom:200px;position:fixed;right:100px}.page-Container .bg-green.boxed{grid-template-rows:120px min-content min-content 200px}.page-Container .bg-green.boxed main{border-bottom-left-radius:50px}.fullWidthBg{background-color:#dfdfc1;box-shadow:50vw 0 0 #dfdfc1,-50vw 0 0 #dfdfc1;width:100%}