/*
common element shares by all the screens
*/
/* define the reused values/use logical names for values */
:root {
    --full-height: 100vh;
    --full-width: 100vw;
    --landscape-width: 50vw;
    --button-hor-margin-landscape: 1vw;
    --button-hor-margin-portrait: 1.5vw;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    height: fit-content;
    width: 100vw;
}