html, body {height: 100%;margin: 0; padding: 0;overflow: scroll;}
body{position: relative;display : table;width: 100%;}
a{text-decoration:none;color:#222222;}
hr.separation{width:50%;margin:20px auto;border:1px solid #EDEFF1}

.parent {position:relative;opacity: 0.7;display: grid;grid-template-columns: 60px 1fr 1fr;justify-content: center;gap: 4px;align-items:center;}
.parent:hover{opacity:1}
.head{max-width:1200px;margin-top:14px;margin-left: auto;margin-right: auto;}
.child{font-size:12px;}
.childleft{margin-left:8px;}
.childright {position:absolute;right: 15px;top: 15px;}

.page{max-width:1200px;margin-top:18px;margin-left: auto;margin-right: auto;text-align:center}
img.logo{border-radius: 1em;box-shadow: 2px 2px 6px rgba(0,0,0,0.4);transition: all 0.2s ease 0s;}
.page img{padding:1px;margin:0 1px 0 1px;}
a:hover.icobut img{color: #fff;background: #f577ae;box-shadow: 0 0 0 5px #C4DF9B;-webkit-box-shadow: 0 15px 10px rgba(0,0,0, .7);-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);z-index: -1;}
a:focus.icobut img{color: #fff;background: #5B9EC6;box-shadow: 0 0 0 5px #C4DF9B;}

footer{text-align:center;margin-top:60px;opacity:0.4;}
footer:hover{opacity:1;}
footer a {color:grey;}
a:hover.up{border-bottom: 3px solid black;padding-bottom:5px;}