@font-face {
    font-family: "Nunito-ExtraBold";
    src: local("Nunito-ExtraBold"),url(/static/media/Nunito-ExtraBold.e2978b0f.ttf) format("truetype");
    font-weight: bolder
}

@font-face {
    font-family: "Nunito-SemiBold";
    src: local("Nunito-SemiBold"),url(/static/media/Nunito-SemiBold.06337b2e.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: "Nunito-Bold";
    src: local("Nunito-Bold"),url(/static/media/Nunito-Bold.7ddd6722.ttf) format("truetype");
    font-weight: 700
}

@font-face {
    font-family: "Nunito-Regular";
    src: local("Nunito-Regular"),url(/static/media/Nunito-Regular.e4eb7682.ttf) format("truetype");
    font-weight: 400
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Nunito-Regular","Segoe UI","Oxygen","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace
}

.App {
    text-align: center
}

.App-logo {
    height: 40vmin;
    pointer-events: none
}

@media (prefers-reduced-motion:no-preference) {
    .App-logo {
        animation: App-logo-spin 20s linear infinite
    }
}

.App-header {
    background-color: #282c34;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(10px + 2vmin);
    color: #fff
}

.App-link {
    color: #61dafb
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #ececec
}

::-webkit-scrollbar-thumb {
    background-color: #0070ad;
    border: 0 solid #12abdb
}

@keyframes App-logo-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#forest .MuiOutlinedInput-root {
    border-radius: 36px!important;
    border-color: #fff;
    background-color: #fff
}