html
{
  overflow-y: scroll;
}

*
{
  box-sizing: border-box;
  font-family: verdana;
}

body
{
  font-family: arial;
  margin: 0px;
  cursor: url("cursor.cur"), auto;
}

a
{
  text-decoration: none;
}

.desc
{
  color: #0000FF;
  font-family: arial;
}
.header
{
  padding: 0px;
  background: #f3f3f3;
}

.banner
{
  width: 100%;
  height: 55%;
  margin: 0px;
  padding: 0px;
}

.navbar
{
  display: flex;
  background: #7a7a7a;
  user-select: none;
}

.navbar a
{
  color: #ffffff;
	padding: 14px 20px;
	text-align: center;
}

.navbar a:hover
{
  background: #acacac;
  color: #000000;
} 

.create_row
{
  display: flex;
  flex-wrap: wrap; 
}

.left_aside
{
  flex: 30%;
  background: #e5e5e5;
  padding: 20px;
  user-select: none;
}

.main_section
{
  flex: 70%;
  background: #f3f3f3;
  padding: 20px;
  color: #50C878;
}

.page_img
{
  background: #7a7a7a;
  padding: 15px;
  width: 100%;
  text-align: center;
}

img
{
  width: 100%;
  height: auto;
}

.footer
{
  padding: 20px;
  text-align: center;
  background : #acacac;
  color: #000000;
  user-select: none;
  width: 100%;
}

.footer a
{
  color: #000000;
}

@media only screen and (max-width: 900px)
{
 .create_row
  {
    flex-direction: column;
	}
	.page_img
  {
    padding: 5px;
	}
	.footer
  {
    font-size: 12px;
	}
}

@media only screen and (max-width: 760px)
{
 .create_row, .navbar
  {
    flex-direction: column;
	}
	.page_img
  {
    padding: 5px;
	}
	.footer
  {
    font-size: 12px;
	}
}
#red
{
  color: #FF0000;
}
#orange
{
  color: #FFA800;
}
#yellow
{
  color: #B6B600;
}
#green
{
  color: #00FF00;
}
#blue
{
  color: #0000FF;
}
#purple
{
  color: #FF00FF;
}
#no_copy
{
  user-select: none;
}