@charset "utf-8";
/* CSS Document */
h1{
	color:#f4f4f4;
	margin:0;
	text-align:center;
	font-size: 2.5rem;
	text-decoration-style: dashed;
	text-shadow: #6cb36c -3px 0 0,#6cb36c 0 -3px 0,#6cb36c 3px 0 0,#6cb36c 0 3px 0;
	letter-spacing:5px;
}

h3{
	color:#6cb36c;
	font-size: 2rem;
	text-shadow: #6cb36c 1px 1px 0;
	margin:20px -10px;
	text-align: center;
}
.container{
	background-color: #f4f4f4;
	max-width: 1200px;
	margin: 25px auto;
	border-radius: 10px;
}

body {
	background: radial-gradient(closest-side, #000000, #3a048b
	);
}  

.floatright{
	float: right;
}
.floatleft{
	float: left;
}
.border {
	border:solid #304e07 5px;
	border-radius: 5px;
	padding: 0;
	margin: 0;
}
.title{
	margin: 0 auto;
	background-color: #356caf;
	max-width:450px;
	border-radius: 5px;
	padding:10px;
	text-align: center;
}
.context{
	font-size:1rem;
	margin:0px 10px;
	max-width:500px;
	letter-spacing:0.5px;
	text-align: center;
}

header{
	background-color: #84a43f;
	height: 40px;
	margin-top: 0px; 
	left: 0px;
	right: 0px;
	padding:1rem 20px;
	border-radius: 10px 10px 0 0;
}

footer{
	background-color: #b2c568;
	margin: 0; 
	padding:8px 8px 8px 8px;
	border-radius: 10px 10px 0 0;
}

footer {
	text-align: center;
	font-size: 0.85rem;
}

footer a{
	text-decoration: none;
}
img{
	width:500px;
	display: block;
    image-rendering: -moz-crisp-edges; /* Firefox */     
    image-rendering: -o-crisp-edges; /* Opera */      
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
    image-rendering: crisp-edges; 
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.part{
	display:flex;
	justify-content:space-between;
	align-content:center;
	align-items:center;
	margin:40px 10px;
}
.fleximg{
	flex:initial;
}
.flexauto{
	flex:auto;
}
.flexI{
	flex:initial;
}
.row-reverse
{
	flex-direction:row-reverse;
}

.main{
	margin:60px 60px;
}

@media (max-width: 1200px) {
	.floatright {
		float: none;
	}
	.floatleft {
		float: none;
	}
	img{
		width: 100%;
    		height:100%;
    	}
    	.part{
    		flex-direction:column;
    	}
    	html{
    		font-size:10px
    	}
    	.main{
		margin:10px 20px;
    	}
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #3a048b;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #84a43f97;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #b3c568a0;
}