*,
*::before,
*::after {
    box-sizing: border-box;
}

.row, div{
    margin: 0 !important;
    padding: 0 !important;
}

body, input{
    background-color: black;
    color: rgb(50, 185, 50);
    font-family:'Courier New', Courier, monospace;
    font-weight: 1000;
    font-size: 1rem;
}

#main-input, input:not(#contact-submit){
    width: 60%;
}

.reverse{
    /* transform: skew(180deg); */
    transform: rotateY(180deg);
    transition: 2s;
}

.unreverse {
    transform: rotateY(0deg);
    transition: 2s;
}

.tilt{
    transform: skew(180deg);
    transition: 1s;
}

.tilt2{
    transform: skew(-180deg);
    transition: 1s;
}

.display-none{
    display: none;
}

#profil-img-container{
    height: 401.85px;
}

#profil-img{
    width: 300px;
}

h3{
    font-weight: 1000;
    font-size: 1rem;
    margin: 0;
}

a{
    color: rgb(50, 185, 50);
    text-decoration: underline;
}

a:hover{
    color: rgb(104, 251, 104)
}

ul{
    padding: 0;
}

li{
    list-style-type: none;
}

textarea, input{
    background-color: black;
    border: none;
}

.color-white{
    color: white;
}

input:focus{
    border: none !important;
    outline: none;
    
}

@media only screen and (max-width: 900px){
    #main-input, #main-input:focus, input, input:focus{
        border: solid 1px rgb(50, 185, 50) !important;
    }
}

.flash2{
    border: 1px solid rgb(50, 185, 50);
}

.flash{
    animation-name: blink;
    animation-duration: 2s;
    border: 1px solid black;
}

@keyframes blink{
    0%{
        border-color: rgb(50, 185, 50);
    }
    16%{
        border-color: black;
    }
    33%{
        border-color: rgb(50, 185, 50);
    }
    50%{
        border-color: black;
    }
    66%{
        border-color: rgb(50, 185, 50);
    }
    83%{
        border-color: black;
    }
    100%{
        border-color: rgb(50, 185, 50);
    }
}

#contact-send-button-area input{
    border: solid rgb(50, 185, 50) 1px;
}
/* @media only screen and (max-width: 560px){
    #main-input{
        max-width: 25%;
    }
} */

/* #cursor{
    text
} */