@font-face{font-family:Inter;src:url(/static/media/Inter-VariableFont_slnt,wght.b4c30855aff392d7e8dc.ttf) format("truetype")}:root{--bg:#02111b;--fr:#fff;--hoverBg:#8b8ea8;--border:#555766;--main:#2cab5d;--mainDark:#257e47}*{font-family:Inter,sans-serif}body{background-color:#040d14}body,button{color:#fff;color:var(--fr)}button{background-color:#2cab5d;background-color:var(--main);border:1px solid #555766;border:1px solid var(--border);border-radius:1vw;cursor:pointer;font-size:2rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}button:hover{background-color:#257e47;background-color:var(--mainDark)}input{font-size:3rem;width:20%}a{color:#2cab5d;color:var(--main)}.header{border-bottom:solid #555766;border-bottom:solid var(--border);margin-bottom:2em}.img{background-color:#fff;width:10vw}.message{background-color:#02111b;background-color:var(--bg);border:1px solid #555766;border:1px solid var(--border);border-radius:2vw;cursor:pointer;overflow-wrap:anywhere;padding:1vw}.message:hover{border:2px solid #8b8ea8;border:2px solid var(--hoverBg)}.messages{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(7,1fr);margin:2vw 3vw 0 0}.date{margin:0;opacity:.4;z-index:0}.addDrawing{float:right;padding:.2vw}.addForm>*{font-size:2rem;margin:1vw}.drawing{float:right;position:absolute;right:20%;top:0;width:50%}#canvas{background-color:#fff}.floatRight{float:right}.error{color:red}.logo{cursor:pointer;width:10vw}.insta{padding:3vw}.insta>button{padding:.5vw}.insta>button>img{width:8vw}.profileMin{margin:0 1vh 5vh;position:absolute;right:0;text-align:end;top:0;width:20vw}.pfp{border-radius:9vw;margin:0 .5vw;width:2.5vw}.no{display:none}.modal{background-color:#02111b69;display:flex;height:100%;position:fixed;width:100%;z-index:1}.modal,.modalCard{justify-content:center;left:0;top:0}.modalCard{align-items:center;background-color:#555766;background-color:var(--border);border-radius:2vw;bottom:0;font-size:2rem;height:35vh;margin:auto;opacity:1;padding:2vw;position:flex;position:fixed;right:0;width:30vw}.username{width:70%}.choosePfp{border-radius:9vw;width:9vw}.choosePfp:hover{cursor:pointer;-webkit-filter:grayscale(80%);filter:grayscale(80%)}.exit{cursor:pointer;float:right;margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.exit:hover{color:#8b8ea8;color:var(--hoverBg)}.save{margin:2vh 10vw}.smallPfp{border-radius:9vw;margin:0 .2vw 0 0;width:2vw}.modalPicParent{background-color:#02111b69;display:flex;height:100%;position:fixed;width:100%;z-index:1}.modalPic,.modalPicParent{justify-content:center;left:0;top:0}.modalPic{align-items:center;background-color:#fff;border-radius:2vw;bottom:0;font-size:2rem;height:80%;margin:auto;opacity:1;padding:.5vw;position:flex;position:fixed;right:0}@media only screen and (max-width:810px){.messages{gap:10px;grid-auto-rows:minmax(10px,auto);grid-template-columns:repeat(1,1fr);margin:10vw 0 0}.message{margin:0 5vw;width:90%}.img{width:50vw}.logo{width:30vw}.drawing{overflow:hidden;position:absolute;right:0;top:35%;width:100vw}#canvas{height:100%;width:100%}input{width:45%}.newDrawing{height:100%;overflow:hidden;overflow-x:hidden;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.newchalkaInput{width:70%}.colorInput{position:fixed;right:-1vw;top:20vh;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:20%}.pfp{margin:-10vh 0 0 2vw;max-height:12vw;width:11vw}.modalCard{align-items:center;background-color:#555766;background-color:var(--border);border-radius:2vw;bottom:0;font-size:2rem;height:35vh;justify-content:center;left:0;margin:auto;opacity:1;padding:2vw;position:flex;position:fixed;right:0;top:0;width:90%}.choosePfp{border-radius:100%;width:30%}.profileMin{width:50%}.smallPfp{width:10vw}.insta>button{width:30%}.insta>button>img{width:100%}}
/*# sourceMappingURL=main.617db4ea.css.map*/