html, body {height: 100%;margin: 0; padding: 0;overflow: scroll;}
body{position: relative;display : table;width: 100%;}
a{text-decoration:none;color:#F0F0F0;}
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: 8px;align-items:center;}
.parent:hover{opacity:1}
.head{max-width:1200px;margin-top:14px;margin-left: auto;margin-right: auto;}
.child{color:#F0F0F0;}
.childleft{margin-left:8px;}
.childright {position:absolute;right: 15px;top: 15px;}

.page{max-width:1200px;margin-top:24px;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;background-color:white;}
.page img{padding:6px;margin:0 2px 0 2px;}
.icobut a{width: calc(10px + 80px);height:90px;border-radius: 15px 15px;padding: 0px;
    margin: 10px auto 0;border-radius: 15px 15px;border: 5px solid #C4DF9B;
    display: block;
    transition: all 0.3s ease 0s;}
a:hover.icobut img{}
a:hover.icobut img{color: #fff;background: #f577ae;box-shadow: 0 0 0 5px #C4DF9B;-webkit-box-shadow: 0 10px 6px rgba(245, 40, 145, 0.8);-moz-box-shadow: 0 10px 6px rgba(245, 40, 145, 0.8);box-shadow: 0 10px 6px rgba(245, 40, 145, 0.8);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);z-index: -1;}
a:focus.icobut img{color: #fff;background: grey;box-shadow: 0 0 0 5px #C4DF9B;}

@media (min-width: 1600px) {
.page{max-width:1260px;margin-top:24px;margin-left: auto;margin-right: auto;text-align:center}
.page img{padding:6px;margin:0 2px 0 2px;border:4px solid transparent;}
img.logo{border-radius: 1em;box-shadow: 2px 2px 6px rgba(0,0,0,0.4);transition: all 0.2s ease 0s;background-color:white;}
.icobut a{width: calc(10px + 82px);height:90px;border-radius: 15px 15px;padding: 0px;
    margin: 10px auto 0;border-radius: 15px 15px;border: 5px solid #C4DF9B;outline: none;
    display: block;
    transition: all 0.3s ease 0s;}
a:hover.icobut img{
border:4px solid #5B9EC6;background: #fff;
}
}




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