@import 'reset.css';

html {
outline:none;
}

body {
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0%;
margin-bottom:0%;
text-align:center;
border:0px;
/*
background:linear-gradient(90deg, rgba(0,0,100,0.3) 0%, rgba(0,100,0,0.2) 5%,  rgba(0,100,0,0) 10%, rgba(0,100,0,0) 90%, rgba(0,100,0,0.2) 95%, rgba(0,0,100,0.3) 100%);
*/
}

/*
.gradient{
background:linear-gradient(90deg, rgba(0,0,100,0.3) 0%, rgba(0,100,0,0.2) 10%,  rgba(0,100,0,0) 25%, rgba(0,100,0,0) 75%, rgba(0,100,0,0.2) 90%, rgba(0,0,100,0.3) 100%);
-webkit-filter: blur(20px);
}
*/

#container {
display:block;
width:96%;
margin-top:2%;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
-webkit-filter: blur(0px);
}



.topleft {
width:48%;
position:relative;
margin-left:2%;
margin-bottom:0px;
float:left;
/*
background:rgba(0,0,255,0.15);
*/
}

.topleft:hover {
width:48%;
position:relative;
margin-left:2%;
margin-bottom:0px;
float:left;
background:rgba(10,255,10,0.2);
background:linear-gradient(0deg, rgba(10,255,10,0.3) 0%,rgba(10,255,10,0) 78%);
}

.topleftimage {
width:100%;
clear: both;
}

.topright{
width:48%;
position:relative;
margin-right:2%;
margin-bottom:0px;
float:right;
/*
background:rgba(10,255,10,0.2);
*/
}

.topright:hover {
width:48%;
position:relative;
margin-right:2%;
margin-bottom:0px;
float:right;
background:rgba(10,255,10,0.2);
background:linear-gradient(0deg, rgba(10,255,10,0.3) 0%,rgba(10,255,10,0) 78%);

}

.toprightimage{
width:100%;
clear: both;
}