@keyframes fade {
    0%   {opacity: 0; margin-top: 5%;}
    50%   {opacity: 0; margin-top: 5%;}
    100%  {opacity: 1; margin-top: 2%;}
}
#animate {
    animation-name: fade;
    animation-duration: 4s;
    animation-iteration-count: 1;
}
.recipetype {
    background-color: rgb(150, 150, 150);
    margin: 0px;
    text-align: center;
    margin-left: 15%;
    width: 70%;
    color: rgb(180, 0, 0);
    font-size: 40px;
    border-radius: 30px;
}