/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
header, footer, nav, section, article, hgroup, figure {
        display: block;
}

.container {  
    display: grid;  
    grid-gap: 5px;  
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-template-rows: repeat(2, 100px);  
}
body {
        font: 100%/1.5 'Gill Sans', 'Droid Sans', 'Calibri', 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', 'Arial', sans-serif;
        color: #000;
        background: #fff;
}
a {
        text-decoration: none;
        color: #7f7f7f;
}
a:hover, a:focus {
        color: #000;
}
img {
        max-width: 100%;
        height: auto;
        border: 0;
        outline: 0;
}

#main {
margin:50px;
font-family:sans-serif
}
span {
color:red
}
h2 {
background-color:#FEFFED;
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
min-width: 30%;
max-width: 250px;
float:left;
border-radius:10px;
border:2px solid #ccc;
padding:10px 40px 25px;
margin-top:20px
font-size:16px;
font-family:sans-serif;
text-align:center;
}
input[type=text],input[type=password] {
min-width: 50%;
max-width: 100%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:sans-serif;
}
input[type=submit] {
min-width: 50%;
max-width: 100%;
background-color:#FFBC00;
color:#fff;
border:2px solid #FFCB00;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-bottom:15px
}
#plaatje {

}
#profile {
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
}
#logout {
float:left;
padding:5px;
}
a {
text-decoration:none;
color:#6495ed
}
i {
color:#6495ed
}
.content img {
        -moz-border-radius: 0.5em;
        -webkit-border-radius: 0.5em;
        -o-border-radius: 0.5em;
        -ms-border-radius: 0.5em;
        border-radius: 0.5em;
}