#plane_img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#question_circle {
    position: absolute;
    height: 17%;
    top: 5%;
    left: 5%;
    cursor: pointer;
}

#ipad_icon {
    position: absolute;
    height: 35%;
    top: 36%;
    right: 59%;
    cursor: pointer;
}

#read-me-first {
    position: absolute;
    position: absolute;
    height: 34%;
    top: 57%;
    right: -1%;
    cursor: pointer;
}

#plane-note {
    position: absolute;
    height: 76%;
    top: 16%;
    right: -2%;
}

#plane-hint {
    position: absolute;
    height: 53%;
    top: 0%;
    left: -1%;
}

.img_in_div {
    height: 100%;
}

#close_plane_note {
    position: absolute;
    top: 4%;
    right: 79%;
    border: none;
    background-color: transparent;
    font-size: 32px;
    cursor: pointer;
}

#close_plane_hint {
    position: absolute;
    top: 4%;
    right: 21%;
    border: none;
    background-color: transparent;
    font-size: 32px;
    cursor: pointer;
}

#plane_btn {
    position: absolute;
    bottom: 5%;
    left: 4%;
    cursor: pointer;
}

.take-off-input {
    width: 250px !important;
    height: 55px !important;
    margin-left: 88px;
}

#wrong_airport_img {
    width: 15%;
    margin-left: 6rem;
}

.plane-close-click {
    position: absolute;
    height: 122px;
    width: 119px;
    top: 0;
    right: 0;
    cursor: pointer;
}

.plane-close-click::after {
    content: '';
}

@media (max-height: 680px) {
    .plane-close-click::after {
        content: 'X';
        font-size: 37pt;
        color: white;
        position: absolute;
        right: 10%;
    }
}

.flashing-button {
    animation: flash 3s 1s;
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}