/* Basic CSS resets -- leveling slight inconsistencies in browsers */
html, body {
	margin:0px;
	padding:0px;
	height:100%;
    font-family: "Jacquarda Bastarda 9", serif;
    font-weight: 400;
    font-style: normal;
    background:#343434;
    color: #ff6f00;

}

html::-webkit-scrollbar {
    display: none;
    
}

html {
		/* Standard text-settings below */
	font-size: 1em;
    line-height: 1.4em;
}



h2{
    margin:30px;
    color: #ffc89e
    
}

.heading1 {
    line-height: 0px;
    color: #ff6f00;
    margin:30px;
       
}


.heading2 {
    line-height: 0px;
    color: #ff8426;
    margin:30px;
        

}



.heading3 {
    line-height: 0px;
    color: #ffa45e;
    margin:30px;
    
}

@keyframes colorShift {
  0% { color: #ff6f00; }
  33% { color: #ff8426; }
  66% { color: #ffa45e; }
  100% { color: #ff6f00; }
}


.p11 {
    
    position: middle;
    margin-left: auto;
    margin-right: auto;
    color: #ff6f00;
    

}

.p12 {
    
    position: middle;
    margin-left: auto;
    margin-right: auto;
    color: #ff8426;


}

.p13 {
    
    position: middle;
    margin-left: auto;
    margin-right: auto;
    color: #ffa45e;


}



.p2 {
  
    position: middle;
    margin-left: auto;
    margin-right: auto;
    color: #ff8426;
    animation: colorShift 3s infinite ease-in-out;
}


.p3 {

    position: middle;
    margin-left: auto;
    margin-right: auto;
    color: #ffa45e;
    animation: colorShift 3s infinite ease-in-out;
}




body {
	
	
}



@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}


#container1 {
	border: 6px outset #363636;
    background: #4d4d4d;
    max-width: 900px;
    height: 1400px;
    font-size: 100px;
    border-radius: 2px;
    position: middle;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#container2 {
	
    border: border: 6px inset #ff6f00;
    background: #262626;
    max-width: 500px;
    margin: auto;
    border-radius: 5px;
    position: fixed;
    top: 100px;
    right:100px;
    text-align: center;
    animation: float 2s ease-in-out infinite;
    font-size: 20px;
}

#container3 {
	
    border: border: 6px inset #ff6f00;
    background: #262626;
    max-width: 500px;
    margin: auto;
    border-radius: 5px;
    position: fixed;
    bottom: 100px;
    left:100px;
    text-align: center;
    animation: float 2s ease-in-out infinite;
    font-size: 20px;
}

figcaption, footer{
    font-size: 0.75em;
    color: #ff6f00;
}