:root {
     --fs-main: clamp(1.2rem, 2vw, 1.46rem);
}

*, *::before, *::after {
     box-sizing: border-box;
}


body {
     margin: 0;
     
     background-image:      url('../../clouds.webp');
     background-size:       cover;
     background-repeat:      none;
     background-attachment: fixed;
     
     word-wrap: break-word;
     font-size: var(--fs-main);
}


a {
     display: block;
     
     text-decoration: none;
     color:           green;    
}


a::hover {
     color: lime;
}

a::focus {
     outline: 2px solid red;
}


.center {
     text-align: center;
}



header {
     color:            darkred;
     background-color: black;
     text-align:       center;
     
     padding-top:    0.1rem;
     padding-bottom: 0.2rem;
     padding-inline:   1rem;   
}