* {margin:0; padding: 0; box-sizing: border-box;
    font-weight:normal;}

html,body {width:100%;height:100%;
    font-family: 'Orbitron', sans-serif; font-size:100px;}

#cvs {border:1px solid red;margin-top:10px;}


/* Mobil */
@media only screen and (max-width: 800px) {
    body {
        background-color: #F09A9D; /* Red */
    }
}

/* Tablet */
@media only screen and (min-width: 801px) and (max-width: 960px) {
    body {
        background-color: #F5CF8E; /* Yellow */
    }
}

/* Dator */
@media only screen and (min-width: 961px) {
    body {background: #182c3f;color: #f5e860;
    display:flex; align-items: center; justify-content: center;
        }
    main {display:flex; align-items:center; justify-content:center;
            width: 80%;border:1px solid floralwhite; flex-direction: column;
            padding:10px;}
    h4 {color:lightsalmon;font-size:0.4em; text-align: center;}
}

    h5 {color:white;font-size:0.2em; text-align:center; font-family:verdana;}

    a {color:white;text-decoration: none;}
.btn {
    width:200px;height:20px; margin:2px;border-radius:4px; border:1px solid white;
    letter-spacing: .15em;
  background: blueviolet;font-size:.15em;text-align:center;cursor:hand;
}