:root {
    --hsl-blue-theme: 200;
    --hsl-yellow-theme: 55;
  /*  --hsl-current-theme: var(--hsl-yellow-theme);*/
    --hsl-current-theme: var(--hsl-blue-theme);
  }

body {
    padding: 0;
    margin: 0;
    --hsl: var(--hsl-current-theme);
    background-color: hsl(var(--hsl), 100%, 25%);
    /* background-color: steelblue; */
    font-family: sans-serif;

}

.parentwrapper{
    width: 100vw;
    height: 95vh;
    /* background-color: blueviolet; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrapper{
    max-width: 350px;
    padding: 20px; 
    box-shadow: 0 0 10px 2px;
    border-radius: 5px;
    /* background-color: aqua; */
}

a{ color:white; }

a:hover {
    color:white;
    text-decoration: underline;
}

.flashes {
    width: 100vw;
    height: 5vh;
    margin: 0;
    padding: 0;
    background-color: plum;
}

.flashes li {
    text-align: center;
}

.flashes li.success { color:green; }
.flashes li.error { color:red; }