/* animate.css is loaded from user.css "https://animate.style" ; inserted  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  /> at the head closing*/

/* another good animation source is animista; see the web */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

.szadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 0px;
  padding: 8px;
}

a.buttonek{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
background-color:#4eb5f1;
text-align:center;
transition: all 0.2s;
}
a.buttonek:hover{
background-color:#4095c6;
}
@media all and (max-width:30em){
a.buttonek{
display:block;
margin:0.2em auto;
}
}

h3.fullpageheader {
    color: #202dc5 !important;
}