/* ///// MASTER ELEMENTS ///// */
body{position:fixed;margin:0px;}
html{overflow:hidden;font-family:Helvetica, sans-serif;}
.masterdiv{z-index:1;height:80vh;height:80dvh;width:70vw;width:70dvw;max-width:120vh;max-width:120dvh;max-height:50vw;max-height:50dvw;}
/* //////////////////////////// */

/* //////// SVG ELEMENTS //////// */
svg {text-decoration:none;}
.svgarrow{width:auto;max-width:100%;height:50%;font-weight:900}
.svgtext{width:100%;max-width:100%;height:100%;max-height:100%;}
/* ////////////////////////////// */

/* ////// BUTTON ELEMENTS ////// */
.globalback{position:absolute;width:8vmin;height:8vmin;top:1vmin;left:1vmin;opacity:.25;z-index:10;}
.globalhome{position:absolute;width:8vmin;height:8vmin;top:1vmin;left:11vmin;opacity:.25;z-index:10;}
.globalback:hover,.globalhome:hover{opacity:1;}
/* ///////////////////////////// */

/* ////// MARGIN ELEMENTS ////// */
.marginl1{margin-left:1%;}
.marginl2{margin-left:2%;}
.marginl3{margin-left:3%;}
.marginl4{margin-left:4%;}
.marginl5{margin-left:5%;}
.marginl6{margin-left:6%;}
.marginl7{margin-left:7%;}
.marginl8{margin-left:8%;}
.marginl9{margin-left:9%;}
.marginl10{margin-left:10%;}
.marginl11{margin-left:11%;}
.marginl12{margin-left:12%;}
.marginl13{margin-left:13%;}
.marginl14{margin-left:14%;}
.marginl15{margin-left:15%;}
.marginl16{margin-left:16%;}
.marginl17{margin-left:17%;}
.marginl18{margin-left:18%;}
.marginl19{margin-left:19%;}
.marginl20{margin-left:20%;}
.marginr1{margin-right:1%;}
.marginr2{margin-right:2%;}
.marginr3{margin-right:3%;}
.marginr4{margin-right:4%;}
.marginr5{margin-right:5%;}
.marginr6{margin-right:6%;}
.marginr7{margin-right:7%;}
.marginr8{margin-right:8%;}
.marginr9{margin-right:9%;}
.marginr10{margin-right:10%;}
.marginr11{margin-right:11%;}
.marginr12{margin-right:12%;}
.marginr13{margin-right:13%;}
.marginr14{margin-right:14%;}
.marginr15{margin-right:15%;}
.marginr16{margin-right:16%;}
.marginr17{margin-right:17%;}
.marginr18{margin-right:18%;}
.marginr19{margin-right:19%;}
.marginr20{margin-right:20%;}
/* ///////////////////////////// */

/* ////// PADDING ELEMENTS ////// */
.paddingl1{padding-left:1%;}
.paddingl2{padding-left:2%;}
.paddingl3{padding-left:3%;}
.paddingl4{padding-left:4%;}
.paddingl5{padding-left:5%;}
.paddingl6{padding-left:6%;}
.paddingl7{padding-left:7%;}
.paddingl8{padding-left:8%;}
.paddingl9{padding-left:9%;}
.paddingl10{padding-left:10%;}
.paddingl11{padding-left:11%;}
.paddingl12{padding-left:12%;}
.paddingl13{padding-left:13%;}
.paddingl14{padding-left:14%;}
.paddingl15{padding-left:15%;}
.paddingl16{padding-left:16%;}
.paddingl17{padding-left:17%;}
.paddingl18{padding-left:18%;}
.paddingl19{padding-left:19%;}
.paddingl20{padding-left:20%;}
.paddingr1{padding-right:1%;}
.paddingr2{padding-right:2%;}
.paddingr3{padding-right:3%;}
.paddingr4{padding-right:4%;}
.paddingr5{padding-right:5%;}
.paddingr6{padding-right:6%;}
.paddingr7{padding-right:7%;}
.paddingr8{padding-right:8%;}
.paddingr9{padding-right:9%;}
.paddingr10{padding-right:10%;}
.paddingr11{padding-right:11%;}
.paddingr12{padding-right:12%;}
.paddingr13{padding-right:13%;}
.paddingr14{padding-right:14%;}
.paddingr15{padding-right:15%;}
.paddingr16{padding-right:16%;}
.paddingr17{padding-right:17%;}
.paddingr18{padding-right:18%;}
.paddingr19{padding-right:19%;}
.paddingr20{padding-right:20%;}
/* ////////////////////////////// */

/* /////// TEXT ELEMENTS /////// */
.uncolor{border: 0px;border-color: rgba(0,0,0,0);background-color:rgba(0,0,0,0);}
.white{color:white;}
.vmin2{font-size:2vmin;}
.unformat{text-decoration:none;}
.normal{font-weight:400;}
.bold{font-weight:600;}
.bolder{font-weight:800;}
/* ///////////////////////////// */

/* //// SIZE/SPACING ELEMENTS //// */
.contain{object-fit:contain;}
.fit{object-fit:contain;}
.fill{height:100%;width:100%}
.contain{max-height:100%;max-width:100%;}
.max100{max-height:100%;max-width:100%;}
.fillv{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;width:100dvw;}
.absolute{position:absolute;top:0;left:0;}
.fixed{position:fixed;margin:0px;}
.margintop5{margin-top:5%}
.marginzero{margin-left:0px;margin-top:0px}
.borderbox{box-sizing:border-box;}
.padding5{padding:.5vmin;}
.padside{padding-left:.5vmin;padding-right:.5vmin;}
.rounded{border-radius:.5vmin;}
/* /////////////////////////////// */

/* ////// DISPLAY ELEMENTS ////// */
.flex{display:flex;align-items:center;justify-content:center;}
.flexrow{display:flex;flex-direction:row;}
.flexcolumn{display:flex;flex-direction:column;}
.flexcenter{display:flex;align-items:center;justify-content:center;}
.flexwrap{display:flex;flex-wrap:wrap;}

.block{display:block;}
.hidden{display:none;}
.pointer{cursor:pointer;}

.justifystart{justify-content:start;}
.justifyend{justify-content:end;}
.alignstart{align-items:start;}
.alignend{align-items:end;}
.wauto{width:auto}
.hauto{height:auto}
/* ////////////////////////////// */

/* ///// HOVERING ELEMENTS ///// */
.hbg{background-color:rgba(255,255,255,0);border-radius:.5vmin}
.hbg:hover{background-color:rgba(255,255,255,.3);border-radius:.5vmin}
.hgrow{-webkit-transform: scale(1.0);}
.hgrow:hover{-webkit-transform: scale(1.1);}
.hbold:hover{.normal{font-weight:600;} .bold{font-weight:800;} .bolder{font-weight:900;}}
.htransition{transition:.3s}
.htransition:hover{transition:.3s}
.hopacity{opacity:1}
.hopacity:hover{opacity:.75}
.hopacityinverse{opacity:.75}
.hopacityinverse:hover{opacity:1}
.happear{opacity:0}
.happear:hover{opacity:1}
/* ////////////////////////////// */

/* ///// BACKGROUND ELEMENTS ///// */
.gradient{z-index:-1;background-image:linear-gradient(rgba(54,1,83,255),rgba(90,28,69,255))}
.leftbg{background:url("../images/bg/TestLeft.png");min-width:1000vw;min-height:1000vw;animation:animl 480s linear infinite;transform:translateX(1100px)translateY(-1200px)rotate(-30deg)scale(1.5,1.5);opacity:0.1;position:absolute;top:0px;bottom:0px;left:0px;z-index:0;}
.rightbg{background:url("../images/bg/TestRight.png");min-width:1000vw;min-height:1000vw;animation:animr 480s linear infinite;transform:translateX(-2278px)translateY(750px)rotate(-30deg)scale(1.5,1.5);opacity:0.1;position:absolute;top:0px;bottom:0px;left:0px;z-index:0;}
@keyframes animl
{0%{transform:  translateX(1100px) translateY(-1200px) rotate(-30deg) scale(1.5,1.5);}
100%{transform:  translateX(-3818px) translateY(-2518px) rotate(-30deg) scale(1.5,1.5);}}
@keyframes animr
{0%{transform:  translateX(-775px) translateY(-4448px) rotate(-30deg) scale(1.5,1.5);}
100%{ transform:  translateX(-2093px) translateY(470px) rotate(-30deg) scale(1.5,1.5);}}
/* ////////////////////////////// */