@import url('fonts.css');
*{
    margin: 0px;
    padding: 0;
    user-select: none;
}

#container{
    padding:2px;
    background-color: #242426;
    border: 3px solid #00EE00;
}

#titleBar{
    /* padding: 1vh 0vh 0vh 1vh; */
    width: 100%;
    height: 2rem;
    border-bottom: 3px solid #00EE00;
}

.pixelated-circle {
    margin:1vh;
    float: right;
    width: 2vh;
    height: 2vh;
    background: #00EE00;
    border-radius: 50%;
}

.pixelated-circle:focus{
    background-color: red;
}

h2{
    padding: 1%;
    color: #00EE00;
    font-family: PixeloidSans;
}

p{
    padding-left: 1%;
    color: #00EE00;
    font-family: PixeloidSans;
    font-size: 20px;
}

img{
    width:40%;
    height: 50%;
}

#blinker{
    font-family: PixeloidSansBold;
    animation: blinker 1s linear infinite;
}

footer{
    font-family: PixeloidSans;
    font-size: 15px;
    text-align: center;
    background-color: #242426;
    margin: 0;
    padding: 10px;
}

footer p{
    font-size: 0.7rem;
    color: white;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@media (max-width: 400px) {
    p{
        font-size: 15px;
    }
    img{
        width: 80%;
        height: 35%;
    }
}