@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700,600');
@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap');
@import url('font-awesome.css');

html,
body { height: 100%;  -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; padding:0px; background: #000; font-size:105%; color: #ecf0f1;}

a { color:#DF0000; }
a:hover { color:#3498db; text-decoration: none; }

.logo {color:#DF0000; font-size: 200%;}
.logo2 { text-align: right; }
.blater { color: #3498db; }
a:hover > .blater { color: #DF0000!important; }

.main-menu { text-align: right; padding: 10px; }
.main-menu a { display: inline-block; padding-left:12px; }
.white { color:#fff; }
.body { background-color: #111; padding: 12px; }
.body1 { background-color: #585f76; padding: 30px; }
.body2 { background-color: #1b273c; padding: 30px; }

.body1 H1, 
.body2 H1 {margin-top:0px;}

footer {
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.panel-default { border-radius: 99999px; padding: 12px; }
.panel-default .img-responsive { border-radius: 99999px; }

.webblock { padding:4px 30px }
.mobileblock { padding:4px 30px}

.me { border-radius: 99999px; float: left; margin-right: 30px; }
.header-message { font-size: 250%; float:left; padding:40px; position: absolute; top:100px; font-family: 'Grape Nuts', cursive; color: #6ac3ff; text-align: left;}
.logo2 > img { max-width: 100%; }
.header-line { padding-bottom: 20px; }
header { border-bottom: 1px solid #999; }

.panel-default img { margin: auto; }


@media (max-width: 480px) {
    .header-message { padding:10px; }
}