@font-face {
    font-family: Tangerine;
    src: url("../fonts/Tangerine-Bold.ttf");
}

.btn-article {
    color: white;
    background-color: lightcoral;
    border-color: lightcoral;
    transition-duration: 0.5s;
    border-style: solid;
}

.btn-article:hover {
    color: black;
    background-color: white !important;
}

.btn-transparent,
.btn-transparent:hover{
    border-color: transparent !important;
    background-color: transparent !important;
}

input[type=text]:focus {
    background-color: mintcream;
}

header h1 {
    font-family: 'Tangerine', cursive;
    font-weight: bold;
    font-size: 3em;
}

.nounderline a {
    text-decoration: none;
}
@media(min-width: 450px){
    header {
        height: 200px;
    }
    header h1 {
        font-size: 4em;
    }
}