@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');


body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-image: url(./images/1stbackground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    position: relative;
    width: 100vw;
    height: 100vh;
}

input[type="submit"] {
    box-shadow: 0;
    border-color: transparent;
}

::placeholder {
    color: rgb(255, 255, 255);
}

a, a:hover, a:focus, a:visited, a:active {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

/* Styling for mobile devices first*/
header {
   background: transparent;
   position: fixed;
   z-index: 3;
   transform: rotate(-90deg);
   top: 50vh;
   height: 4vh;
   right: 0vw;
}
main {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wlc-dashboard {
    width: 100%;
}
.row {
    background-color: transparent;
}