:root {
  --colorbg: white;
  --colort: white;
  --colorlink: white;
  --colorlinkh: white
  --colorentrybg: white;
  --colorentryb: darkgrey;
}



html, body {
  width: 100%;
  height:100%;
}

body {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

button{
  position: absolute;
  border: 2px solid white;
  background: transparent;
  

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.arkisto {
    width: 100%;
    height: auto;
}

a {
    color: var(--colorlink);
    text-decoration: none;
}

a:hover {
    color: var(--colorlinkh);
    text-shadow: 1px 2px 2px #FFFFFF;
}

a:active {
    color: var(--colorlink);
}

h1 {
    text-align: center;
    color: var(--colort);
    text-shadow: 1px 3px 3px black;
}

code {
  background: #222 ;
  color: lime ;
  border-radius: 5px ;
}

.entry {
    color: var(--colort);
    padding: 10px;
    border-radius: 0 10px 35px 0;
    margin-bottom: 50px;
    background: var(--colorentrybg);
    border: 1px solid var(--colorentryb);
    border-left: 10px solid var(--colorentryb);
    box-shadow: -10px 10px 10px black;
    overflow: auto;
}

.entry h2 {
    margin: 5px auto 2px auto;
    text-shadow: 1px 3px 3px black;
}

.entry small {
    color: var(--colort);
}

.fright {
    float: right;
    margin-right: 1em;
}

}