select.form-control,textarea.form-control,input.form-control{font-size:1rem}input[type=file]{width:100%}body{margin:0;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center}button{padding:10px;border:none;border-radius:4px;background-color:#000;color:#fff;font-size:16px;cursor:pointer}.profile{border:1px solid #ccc;padding:20px;border-radius:4px}.api-section{width:100%;margin-top:20px;display:flex;justify-content:center;align-items:center;gap:10px}.api-section>button{background-color:#004772}@media screen and (min-width:1080px){.burger-menu{display:none}}@media screen and (max-width:1080px){.header-bar{display:flex;background:linear-gradient(to right,#03121f,#0a324e 50%);height:64px;position:fixed;width:100%;z-index:1000}}.bm-burger-button{position:fixed;width:36px;height:30px;left:25px;top:18px}.bm-burger-bars{background:#00a4b3}.bm-burger-bars-hover{background:#113c61}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:#03121f}.bm-morph-shape{fill:#373a47}.bm-item-list{margin-top:20%;margin-left:32px;margin-bottom:10%;color:#f6f6f6;font:32px Montserrat;max-height:50%}.burger-menu .zoi-logo{height:auto;width:auto;max-width:72px;margin-bottom:10%}.bm-item{display:inline-block}.bm-overlay{background:#03121f}.bm-item{display:inline-block;color:#d1d1d1;margin-bottom:10px;text-align:left;text-decoration:none;transition:color .2s}.bm-item:hover{color:#cdcdcd}.side-bar{background-color:#03121f;width:250px;height:100vh;position:fixed}.side-bar-list{list-style-type:none;height:auto;width:100%}.side-bar-list .active #title{font-weight:700}.side-bar .zoi-logo{height:auto;width:auto;max-width:48px;margin-top:30%;margin-left:32px;margin-bottom:10%}.side-bar .zoi-logo{cursor:pointer}.side-bar-list .row{color:#f6f6f6;width:100%;height:35px;font:16px Montserrat}.side-bar-list .row:hover{cursor:pointer;color:#cdcdcd}@media screen and (max-width:1080px){.side-bar{display:none}}.App{display:flex;overflow:hidden;font-family:Montserrat,sans-serif;height:100vh}.app-main-container{flex:1;overflow-y:auto;align-items:center}@media(min-width:1080px){.app-main-container{margin-left:250px}}@media(max-width:1080px){.App{background:linear-gradient(to right,#03121f,#0a324e 50%)}.app-main-container{margin-top:64px;background-color:#fff;height:calc(100vh - 64px)}}