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

*{
    margin: 0;
    padding: 0;
}

::selection {
    background-color: #0087ff80;
}

body{
    background-color: #121212;
}

#TNH {
    opacity: 0.9;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 3vw;
    position: absolute;
    top: 20%;
    left: 10%;
}

#TNH.fade {
    opacity: 0;
    transition: opacity 1s;
}

@keyframes pulse {
    from {opacity: 0.9;}
    to {opacity: 0;}
  }

#I {
    font-size: 2.6vw;
    border-radius: 10px;
    border-color: #ffffff;
    border: 1px solid #ffffff80;
    animation: 0.6s infinite alternate pulse;
    padding-top: 1%;
}

#P {
    position: fixed;
    bottom: 2vh;
    right: 2vh;
    font-size: 0.5em;
    padding: 0.4em;
    border: 0.1em solid white;
}