/*
! tailwindcss v3.0.10 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/



.round-image {
    position: fixed;
    right: -10rem;
    bottom: -10rem;
    width: 25rem;
}
.round-image-left {
    position: fixed;
    left: -15rem;
    bottom: -15rem;
    width: 30rem;
}
.round-image-left-small {
    position: fixed;
    left: -10rem;
    bottom: -10rem;
    width: 25rem;
}
.select-language {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
}
.rotate-720 {
    animation: rotate-720 5s;
}
.login-right {
    background-image: url("../images/map.png");
    background-repeat: no-repeat;
    background-color: #00304A;
    width: 100%;
    height: 100%;
    background-size: auto;
}
.map__content__base {
    height: 100%;
    max-height: 100%;
    width: auto;
    object-fit: cover;
    object-position: right;
}
.map__content__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .75;
}
.signin-microsoft {
    background: white;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 41px;
    border: 1px solid black;
}

@keyframes rotate-720 {
    to {
        transform: rotateZ(-720deg);
    }
}