body{
	background-color: #ffedbd;
}

div{
	
	

	padding-right: 2em;
}

/*li{
  list-style:none;
  display:inline-block;*/
  
}
#one{
	font-size: 4em;
	text-align: left;
	padding-left: 7.5em;
}
#two{
	font-size: 3em;
	text-align: left;
	padding-left: 7em;
}
#three{
	font-size: 2.5em;
	text-align: left;
	padding-left: 6em;
}
#four{
	font-size: 2em;
	text-align: left;
	padding-left: 5em;
}
#five{
	font-size: 1.5em;
	text-align: left;
	padding-left: 4em;
}
#six{
	font-size: 1em;
	text-align: left;
	padding-left: 3em;
}
#seven{
	font-size: .5em;
	text-align: left;
	padding-left: 2em;
}
p{
	font-family: "abril-display",sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-left: 1em;
 	font-size:2em;
 	color: #061C66;

}
h1{
	font-family: "abril-display",sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 10em;
	text-align: center;

}
#abrilname{
	color: #5441C9;
	border: dashed;
	border-color: #B28B30;
	padding: .5em;
}
h2{
	padding-left: 1em;
}
#caps{
	font-family: "abril-display",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 4em;
	text-align: left;
	padding-left: 1em;


}
#lowercase{
	font-family: "abril-display",sans-serif;
	font-style: italic;
	font-weight: 600;
	font-size: 3em;
	text-align: left;
	padding-left: 1em;
}

.box1{
	width: 40%;
	display:inline-block;
  	vertical-align: top;
  	padding-left: 4em;
  
  	
  }
.box2{
	
	width:40%;
	display:inline-block;
	vertical-align: top;
	padding-left: 4em;
	
	
  }

 
 }
 #history{
 	padding-top: 2em;
 	text-align: left;
 	
 }
 a{
 	background: #cccccc;
 	padding: .05em .05em;
 	/*width: 20%;*/
 	margin: .8em;
 	text-decoration: none;
 	color: #3385ff;
 	box-shadow: 1px 1px 5px #666666;
 }
 a:hover{
 	color: #b95d8d;
 	font-style:italic;
 	text-decoration: underline;
 	box-shadow: 3px 3px 7px #000;
 }
 a:active{
 	color: #ff6666;
 	
 }
 
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


ul.tab li {float: left;}


ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: .05em .05em;
    text-decoration: none;
    transition: 0.3s;
    font-size: 2em;
}


ul.tab li a:hover {background-color: #ddd;}

ul.tab li a:focus, .active {background-color: #ccc;}

.tabcontent {
    display: none;
    padding: .05em .05em;
    border: .05em solid #ccc;
    border-top: none;
}
.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}