*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;   
}
*::selection{
    background-color: gray;
}
body{
    background-color: #f5f5f5;
}
.application{
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 275px;
    
     -webkit-user-select: none;  /* For older WebKit-based browsers */
    -moz-user-select: none;     /* For older Firefox browsers */
    -ms-user-select: none;      /* For older Microsoft browsers */
    user-select: none;          /* The standard property */

}
.warning{
    position: absolute;
    visibility:hidden;
    top: 50%;
    left: 40%;
    z-index: 10;
    color: red;
    font-family: cursive,monospace,sans-serif;
    font-weight:200;
    font-size: 4rem;
}

.app{
    font-family: cursive,monospace,sans-serif;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(to right,hsla(39, 96%, 73%, 0.3),hsla(240, 100%, 69%, 0.3));
    max-width: 115vh;
    min-height: 95vh;
    border-radius: 30px;
    padding: 2vh;
    margin: auto;
    position: relative;
}

#myKnowledge{
    position: sticky;
    right:  95%;
    bottom: 15%;
    font-size: 5rem;
    cursor: pointer;
    opacity: 0.8;

    
}
#myKnowledge:active{
    opacity: 1;
}


@media screen and (max-width: 750px){
    .warning{
        font-size: 2.4rem;
        left: 30%;
    }
    #myKnowledge{
        font-size: 3rem;
    }
}