/* CSS BY MATHLETE2017, LOADING ANIMATION BY HAPPYCUPCAKE, and edited by mchang */
/* Fonts and Variables*/
@import url(https://fonts.googleapis.com/css?family=Comfortaa);
/*text color is #000000 */
/*blog theme: planes */

/*Loading bar by happycupcake. Give credit if used.*/
@keyframes fakeloadinganimation{
0%{
color:#000000;
width: 0px;

top: calc(50vh - 50px);
font-family:Comfortaa;
content: "Loading... ";
transition: ease;
text-align: left;
}
75%{
width: 300px;
top: calc(50vh - 50px);
font-family:Comfortaa;
content: "Loading... ";
text-align: left;
}
75.1%{
width: 300px;
top: calc(50vh - 50px);
font-family:Comfortaa;
content: "Done!";
text-align: center;
}
85%{
top: calc(50vh - 100px);
width: 300px;
content: "Done!";
text-align: center;
}
100%{
top: calc(150vh - 50px);
width: 300px;
content: "Done!";
text-align: center;
}
}
html::before{
content: "Loading... ";
height: 100px;
position: fixed !important;
margin: 0px;
padding: 0px;
top: calc(150vh - 50px);
left: calc(50vw - 150px);
background-color: #000000;
color: white !important;
line-height: 100px;
white-space: nowrap;
font-size: 30px !important;
z-index: 1000000000 !important;
animation: fakeloadinganimation 2s ease !important;
width: 300px !important;
box-shadow: 0px 0px 0px 5px white, 0px 50vw 0px calc(50vw + 50vh - 50px) #808080, 0px 0px 0px 5px white !important; /*The box shadow that makes the border is put before and after the background shadow, because of order issues (Firefox displays the first one on top, chrome displays the last one on top)*/
display: block !important;
}
html::after{
content: "Loading... ";
height: 100px;
width: 0px;
position: fixed !important;
margin: 0px;
padding: 0px;
top: calc(150vh - 50px);
left: calc(50vw - 150px);
background-color: white;
color: #000000 !important;
line-height: 100px;
z-index: 1000000001 !important;
white-space: nowrap;
font-size: 30px !important;
animation: fakeloadinganimation 2s ease !important;
overflow: hidden !important;
}
/* Goodbye.css by Mathlete2017

Theme created by Mathlete2017. Please keep this header if you reuse this style. Goodbye AoPS!

Licensed under the MIT License

Permission granted to reuse and change this style */


#side{
padding:0!important;
}

:root{
--theme: #000000;
}

/* General and Wrapper */
html{
overflow-x:hidden!important;
}
#page-wrapper{
width:100vw!important;
margin:0!important;
padding:0!important;
background-color:white!important;
}
#wrapper{
width:100vw;
margin-left:0!important;
margin-right:0!important;
padding:0!important;
border:none!important;
background-color:white!important;
}
#feed-tabs{
}

/* Navigation Bar and Header */
#navigation_box{
background-color:#000000;
padding:10px!important;
position:fixed;
border-bottom:none;
height:48px;
z-index:9871293047102478910324708170283701987409132470918237490813240971209481098234098123401230987098423109!important;
}
#navigation_box a{
padding:4px!important;
font-family:Comfortaa;
font-size:16px;
color: #fff;
border-bottom: solid 3px var(--theme);
border-color: #fff;
transition:.2s;
}
#navigation_box a:hover{
padding-bottom:7px!important;
}
#left_navigation_box{
color: #fff;
}
#left_navigation_box a:nth-child(2){
margin-left:-8px;
}
#left_navigation_box a:nth-child(3){
margin-left:-9px;
}
#left_navigation_box a:nth-child(4){
margin-left:-9px;
}
#right_navigation_box{
color:#000000;
}
#right_navigation_box a:nth-child(1){
margin-right:-5px;
}
#right_navigation_box a:nth-child(2){
margin-right:-6px;
}
#header{
height:103vh;
background-color:rgb(255,229,153);
background-image:url("https://media.discordapp.net/attachments/728320124620243657/732762051239477299/gi.gif");
background-position: center;
background-repeat: no-repeat;
background-size: 110%;
background-attachment:fixed;
border-style:none;
overflow-x:hidden!important;

}
#header h1{
position: absolute;
bottom: 0;
width:100%;
text-align:center;
color:white;
font-family:Comfortaa;
font-size:90px;
height:150px;
overflow:hidden!important;
transition:0.4s;
}
#header h1:hover{
text-decoration:none;
font-size:110px;
bottom:10px;
}



/* Main and Content */
#content{
width:100vw!important;
background-color:transparent;
}
#main{
max-width:850px;
padding:20px!important;
width:100%!important;
display:inline-block;
position: absolute;
left:50%;
transform: translate(-50%, 0);
height:100%!important;
}


/* Sidebar and Widgets */
#side {
color: #000000;
background-color: #fff;
padding: 10px;
width: 20%;
height: 100%;
overflow-y: scroll;
}

.row1 {
background-color: #ffffff;
}

.row2 {
background-color:#bcc2c1;
}



/* widgets */
#side > div {
margin: 0 !important;
padding: 2em 0 !important;
border-bottom: 1px solid #fff;
}

#side > div:last-child {
border-bottom: 0;
}
#side .block {
clear: both;
padding: 1em 0;
}

.widget-title {
margin-bottom: 0.5em;
}

.widget-title, .archive-month, .archive-month strong {
font: Comfortaa;
}

#message, .aops-scroll-inner, .aops-scroll-content {
width: 100% !important;
}

#message {
font: inherit;
background: none;
padding: 0.25em 0.5em;
}

fieldset {
border: none;
}

#side .cmty-itembox {
height:auto;
}

.blog-tags-wrapper, .blog-scroll-outer {
padding: 0 !important;
width: 100%;
}

.month-image {
width: 0.5em;
padding-bottom: 0.2em;
}

#blog_searchform fieldset input {
font: inherit;
background: none !important;
padding: 0.25em 0.5em;
border: 1px solid #fff;
}

#blog_searchform fieldset .button2 {
margin-top: 0.5em;
}

.description {
margin: 0 0 1em;
}

/* Entries and Comments*/
#post-new-entry-p{
text-align:center;
padding-top:20px;
padding:30px!important;
margin-bottom:50px;
margin-top:-11px!important;
width:100%;
top:48px;
margin:auto;
background-color:transparent!important;
}
#post-new-entry{
color:#000000;
font-family:Comfortaa;
font-size:17px;
padding:3px;
border-bottom:3px solid var(--theme);
border-color:#000000;
transition:0.15s;
}
#post-new-entry:hover{
padding-bottom:6px;
}
#post-new-entry-p img{
display:none;
}
.entry{
border:none!important;
margin-top:0!important;
}
.entry h1{
text-align:center;
}
.entry h1 a{
font-family:Comfortaa;
font-size:40px;
color:#000000;
}
.entry h2{
text-align:center;
font-family:Comfortaa;
font-size:15px;
color:#000;
}
.entry h2 strong a{
color:##000!important;
font-family:Comfortaa;
}
strong{
font-family:Comfortaa;
}
.entry h2 img{
display:none;
}
.entrywrap{
border:none!important;
background-color:transparent!important;
margin-top:15px;
}
.message{
font-family:Comfortaa;
font-size:17px;
color:#000000;
}
.cmty-post-edit-info{
display:none!important;
}
.modactions li a, .actions li a{
font-family:Comfortaa;
color:#000000;
text-decoration:none!important;
font-size:17px;
transition:.25s;
padding:2px;
border-bottom: solid 3px var(--theme);
border-color:#000000;
}
.modactions li a:hover, .actions li a:hover{
padding-bottom:5px!important;
}
.actions{
margin-left:-6px;
margin-top:6px;
}
.modactions{
margin-right:-6px;
margin-top:6px;
}
.bbcode_quote{
margin-left:0!important;
margin-right:0!important;
border-radius:0;
border-top:none;
border-bottom:none;
border-right:none;
border-left: solid 3px var(--theme);
border-color:#000;
margin-bottom:20px;
}
.bbcode_quote_head{
font-size:14px;
}
.bbcode_quote_head::before{
display:none;
}

/*henlo! tis mchang */