body            { padding: 0; margin: 0; overflow: hidden; background: radial-gradient(ellipse at bottom, #3c1c8e, black); }
a 				{ color: blue; text-decoration: none; outline: none; }

.mobile-hambu { display: none; }
.fulli { width: 100%; position: relative; }

.main-tab          { position: fixed; transition: 0.5s all; z-index: 10; top: 0px; left: 0px; width: 100%; background: rgba(34,34,34,0.95); font-family: 'Open Sans', sans-serif; font-weight: 600; height: 56px; }
.main-tab-wrap     { position: relative; margin: 0 auto; width: 1800px; height: 56px; }
.main-logo         { position: absolute; top: 12px; height: 36px; width: auto; z-index: 9; left: 15px; }
.main-buttons-list { position: absolute; bottom: 0px; right: 10px; }
.main-button       { user-select: none; font-weight: 600; position: relative; cursor: pointer; line-height: 56px; transition: 0.2s all; color: white; float: left; margin: 0 10px; font-size: 20px; }
.main-nick         { font-weight: 500; text-transform: uppercase; font-size: 16px; transition: color 0.5s, max-width 2s; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-nick:hover   { max-width: 1000px; }
.main-spread       { height: 26px; background: #aaa; width: 1px; margin: 16px 10px 0 10px; float: left; }
.main-logout       { user-select: none; font-weight: 600; position: relative; cursor: pointer; line-height: 56px; transition: 0.2s all; color: #777; transition: 0.15s color; float: left; margin: 0 5px; font-size: 16px }
.main-logout:hover { color: #aaa }
.main-button:hover { color: #ADD1FC }
.mobile-button     { display: none; margin: 0; }
.mobile-button2    { display: none; margin: 0; }
.mobile-button3    { display: none; margin: 0; }
.mobile-full       { display: none; background: rgba(0,0,0,0.6); position: fixed; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; }

.error-warp        { position: absolute; top: calc(50% - 80px); text-align: center; width: 100%; left: 0; color: white; font-family: 'Righteous', cursive; }
.error-logo        { width: 25vw; }
.error-subtext     { font-size: 2vw; color: #aaa; margin-top: 30px }

@media (max-width: 1800px) and (min-width: 971px){
	.main-tab-wrap     { position: relative; margin: 0 auto; width: 100%; height: 56px; }
}
@media (max-width: 1200px) and (min-width: 1001px){
    .main-tab-wrap     { position: relative; margin: 0 auto; width: 100%; height: 56px; }
}
@media (max-width: 1000px) and (min-width: 768px){
	.main-tab-wrap     { position: relative; margin: 0 auto; width: 100%; height: 56px; }
    
    .error-logo        { width: 400px; }
    .error-subtext     { font-size: 48px; }
}
@media (max-width: 767px) and (min-width: 120px){
	.main-tab          { position: fixed; transition: 0.5s all; z-index: 10; top: 0px; left: 0px; width: 100%; background: rgba(34,34,34,0.95); height: 54px; }
	.main-tab-wrap     { position: relative; margin: 0 auto; width: 100%; height: 54px; }
	.main-logo         { position: absolute; top: 15px; height: 24px; width: auto; z-index: 9; left: 10px; }
	.main-buttons-list { position: absolute; bottom: 0px; right: 90px; }
	.main-button, .main-nick, .main-spread, .main-logout       { display: none; }
    
    .error-logo        { width: 200px; }
    .error-subtext     { font-size: 24px; }

	.mobile-button     { font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center; display: none; background: rgba(50,50,50,0.95); user-select: none; cursor: pointer; transition: 0.5s all; white-space: nowrap; position: relative; overflow: hidden; width: calc(100% - 30px); border-bottom: 1px solid #111; cursor: pointer; transition: 0.5s all; color: white; float: left; padding: 10px 15px; font-size: 24px; }
	.mobile-button2    { font-family: 'Open Sans', sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; font-weight: 500; text-align: center; display: none; background: rgba(35,35,35,0.95); user-select: none; cursor: pointer; transition: 0.5s all; white-space: nowrap; position: relative; overflow: hidden; width: calc(100% - 130px); border-bottom: 1px solid #111; cursor: pointer; transition: 0.5s all; color: white; float: left; padding: 15px 15px; line-height: 24px; }
	.mobile-button3    { font-family: 'Open Sans', sans-serif; font-weight: 500; text-align: center; display: none; background: rgba(20,20,20,0.95); user-select: none; cursor: pointer; transition: 0.5s all; white-space: nowrap; position: relative; overflow: hidden; width: 70px; border-bottom: 1px solid #111; cursor: pointer; transition: 0.5s all; color: white; float: left; padding: 15px 15px; line-height: 24px; }
	.mobile-but-fix    { z-index: 10; position: fixed; top: 52px; left: 0; right: 0; }
	.mobile-hambu      { color: white; font-size: 24px; position: absolute; right: -65px; top: -45px; display: inline-block; cursor: pointer; }
}