body{margin:0;padding:0;width:100%}.App{font-family:Nunito,sans-serif}.clickable:hover{cursor:pointer}.text-center{text-align:center}.custom-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:6px;background-color:#f5f5f5}.custom-scroll::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.custom-scroll::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#8a8989}.App-page{width:500px;margin:5% auto auto}.App-page__wrapper{border:1px solid #eeeeee;display:flex;flex-direction:column;padding:16px}.App-page__title{font-size:20px;font-weight:400;line-height:1.33;margin-bottom:20px}.App-page__links{display:flex;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px dashed rgba(0,0,0,.25)}.Page{display:flex}.Page .right-section{flex:.5;background:url(/assets/characters-WVTA7RLo.png) repeat;background-size:contain}@media screen and (max-width: 400px){.Page .right-section{display:none}}.Page .left-section{flex:1;background-color:#a5a6e0;display:flex;flex-direction:column;min-height:100vh}.Page .left-section .dancing-clover{display:flex;padding-bottom:10px;width:130px;height:177px;background:url(/assets/dancing-clover-CS9DcKGE.png) no-repeat;background-size:contain}.Page .left-section .dancing-clover .coming-soon{padding-top:187px;font-size:20px;bottom:-30px;font-weight:400}@media screen and (max-width: 400px){.Page .left-section .dancing-clover{transform:scale(.4)}}.Page .left-section .block-1{padding-left:20%;background-color:#4f3b5e;padding-top:9%;padding-bottom:9%;display:flex}.Page .left-section .block-1 .logo{width:60px;height:60px;background:url(/assets/monetto-logo-e_9ESl61.png) no-repeat;background-size:contain;margin-right:30px}.Page .left-section .block-1 .title{color:#f7f9fc}.Page .left-section .block-1 .title .main-title{font-weight:600;margin-top:-5px;font-size:40px}.Page .left-section .block-1 .title .sub-title{margin-top:10px}.Page .left-section .block-2{position:relative;padding-left:5%;padding-top:9%;color:#f7f9fc;font-weight:600;font-size:40px}.Page .left-section .block-2 .emphasized{color:#4f3b5e}.Page .left-section .content{padding-left:20%;color:#f7f9fc;font-weight:600;font-size:16px}.MainContent{display:grid;grid-template-rows:64px auto;grid-template-columns:235px auto;height:100vh;transition:.3s}.MainContent__content{background-color:#f7f9fc;grid-row:2;grid-column:2;padding:20px}.MainContent-hidden{display:grid;grid-template-rows:64px auto;grid-template-columns:0px auto;height:100vh;transition:.3s}.Header{grid-row:1;grid-column:1/3;background-color:#f7f9fc;display:flex;align-items:center;gap:10px;box-shadow:#3540520d 0 0 14px}.Nav{grid-row:2;grid-column:1;background:#1a242f;min-height:calc(100vh - 64px);overflow:auto}@media (max-width: 500px){.MainContent{grid-template-columns:auto}.Nav{grid-column:1/2}.Nav{position:relative;left:0}}.ButtonComponent.MuiButton-contained{margin-top:20px;background-color:#1976d2;color:#fff;font-weight:400;font-size:16px;text-transform:none}.ButtonComponent.MuiButton-contained:hover{background-color:#4e9eee}.Header{position:relative;z-index:10;box-shadow:#3540520d 0 0 14px}.Nav,.Nav .Mui-selected,.Nav .MuiButtonBase-root{color:#8a8989}.Nav .Mui-selected,.Nav .active .MuiButtonBase-root{color:#fff}