@charset "iso-8859-2";
html{ height:100%;}
body{font-family: 'robotoregular'; font-size:15px; background: rgb(0,96,132) linear-gradient(rgb(1,150,153) 0%, rgb(0,96,132) 100%) repeat-x;  background-size:contain; text-align:center; margin:0px;  }

body>section{ height:100%; bottom:0;}

a{ text-decoration:none; color:#555; transition:1s;}
a:hover{ text-decoration:underline;}

body>section>article{background:#fff; padding:10%; overflow:hidden; margin:calc(25% - 17%) auto; box-shadow:0px 3px 3px -1px rgba(0,0,0, 0.3); width:calc(60% - 20%);}
body>section>article>h1{ font-size:2.5rem; color:#02778D; }
body>section>article>div{ background:#199FA3; color:#fff; padding:15px; margin-bottom:30px; transition:1s;}
body>section>article>div:hover{ background:#035781;}
body>section>article>div>div{ padding-top:10px;}