html::-webkit-scrollbar{display: none;}
html{min-height: 100vh;width: 100vw;scrollbar-width: none;}
*{margin: 0;padding: 0;box-sizing: border-box;}
a{text-decoration:none;color:inherit;}


.main-container::-webkit-scrollbar{display: none;scrollbar-width: none;}
.main-container{position: relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width: 100vw;min-height: 90vh;overflow-x: hidden;}

#cross{position:absolute;top:1vh;right:1vw;display:flex;justify-content:Center;align-items:center;width: 22px;height:22px;border-radius:4px;cursor:pointer;border:1px solid #111;}
#cross::after,#cross::before {content: "";position:absolute;display:flex;justify-content:Center;align-items:center;width:80%;height:10%;transform: rotate(45deg);background:currentColor;}
#cross::after {transform: rotate(-45deg)}

#popupContainer::-webkit-scrollbar{display:none;}
#popupCOntainer::-webkit-scrollbar{display:none;}
#popup::-webkit-scrollbar{display:none;}
#popups::-webkit-scrollbar{display:none;}
#popupContainer,#popupCOntainer,#popup,#popups{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgb(1,1,1,0.8);overflow-y:scroll;z-index:100}

#password{-webkit-text-security: disc;}
[contenteditable] {outline: 0px solid transparent;}
@font-face {font-family: 'password';src: url('/font/password.woff2') format('woff2'),url('/font/password.woff')  format('/woff'),url('/font/password.ttf')   format('truetype');}
[contentEditable].password {font-family: 'password';}



/**     Display     **/
.hide{display:none;opacity:0;visibility:hidden;}

.dFlex,.dFLex{display:flex;justify-content:center;align-items:center;}
.dFlexWrap,.dFLexWrap{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}

.dFlexAS,.dFLexAS{display:flex;justify-content:space-around;align-items:flex-start;}
.dFlexBS,.dFLexBS{display:flex;justify-content:space-between;align-items:flex-start;}
.dFlexCS,.dFLexCS{display:flex;justify-content:center;align-items:flex-start;}
.dFlexES,.dFLexES{display:flex;justify-content:flex-end;align-items:flex-start;}
.dFlexSS,.dFLexSS{display:flex;justify-content:flex-start;align-items:flex-start;}

.dFlexAC,.dFLexAC{display:flex;justify-content:space-around;align-items:center;}
.dFlexBC,.dFLexBC{display:flex;justify-content:space-between;align-items:center;}
.dFlexCC,.dFLexCC{display:flex;justify-content:center;align-items:center;}
.dFlexEC,.dFLexEC{display:flex;justify-content:flex-end;align-items:center;}
.dFlexSC,.dFLexSC{display:flex;justify-content:flex-start;align-items:center;}

.dFlexAE,.dFLexAE{display:flex;justify-content:space-around;align-items:flex-end;}
.dFlexBE,.dFLexBE{display:flex;justify-content:space-between;align-items:flex-end;}
.dFlexCE,.dFLexCE{display:flex;justify-content:center;align-items:flex-end;}
.dFlexEE,.dFLexEE{display:flex;justify-content:flex-end;align-items:flex-end;}
.dFlexSE,.dFLexSE{display:flex;justify-content:flex-start;align-items:flex-end;}


.dFlexASWrap,.dFLexASWrap{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:Wrap;}
.dFlexBSWrap,.dFLexBSWrap{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:Wrap;}
.dFlexCSWrap,.dFLexCSWrap{display:flex;justify-content:center;align-items:flex-start;flex-wrap:Wrap;}
.dFlexESWrap,.dFLexESWrap{display:flex;justify-content:flex-end;align-items:flex-start;flex-wrap:Wrap;}
.dFlexSSWrap,.dFLexSSWrap{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:Wrap;}

.dFlexACWrap,.dFLexACWrap{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;}
.dFlexBCWrap,.dFLexBCWrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.dFlexCCWrap,.dFLexCCWrap{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.dFlexECWrap,.dFLexECWrap{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;}
.dFlexSCWrap,.dFLexSCWrap{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;}

.dFlexAEWrap,.dFLexAEWrap{display:flex;justify-content:space-around;align-items:flex-end;flex-wrap:wrap;}
.dFlexBEWrap,.dFLexBEWrap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;}
.dFlexCEWrap,.dFLexCEWrap{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;}
.dFlexEEWrap,.dFLexEEWrap{display:flex;justify-content:flex-end;align-items:flex-end;flex-wrap:wrap;}
.dFlexSEWrap,.dFLexSEWrap{display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;}



/**     Position    **/
.pFixed{position: fixed;top:0;left: 0;width: 100vw;height: 100vh;overflow-y: scroll;background-color: rgb(1,1,1,0.9);}
.slideOn{transform: translateX(0%);}