@font-face {
    font-family: HennyPenny;
    src: url(fonts/HennyPenny-Regular.ttf);
}

@font-face {
    font-family: Bangers-Regular;
    src: url(fonts/Bangers-Regular.ttf);
}

@font-face {
    font-family: DanaPuff-Regular;
    src: url(fonts/DynaPuff-Regular.ttf);
}

@font-face {
    font-family: Lugrasimo-Regular;
    src: url(fonts/Lugrasimo-Regular.ttf);
}

@font-face {
    font-family: Quintessential-Regular;
    src: url(fonts/Quintessential-Regular.ttf);
}

@font-face {
    font-family: Knewave-Regular;
    src: url(fonts/Knewave-Regular.ttf);
}

@font-face {
    font-family: Fresca-Regular;
    src: url(fonts/Fresca-Regular.ttf);
}

@font-face {
    font-family: Rye-Regular;
    src: url(fonts/Rye-Regular.ttf);
}

@font-face {
    font-family: RubikDirt-Regular;
    src: url(fonts/RubikDirt-Regular.ttf);
}

@font-face {
    font-family: NewRocker-Regular;
    src: url(fonts/NewRocker-Regular.ttf);
}

body{
    background-color: rgba(138, 138, 104, 0.788);
    margin: 50px; 
}

h1{
    color: rgb(34, 33, 25);
    font-family: DMSerifText-Regular;
    text-shadow: 3px 3px 5px rgb(224, 12, 48);
}

#p2{
    color: rgb(240, 207, 18);
    font-family: Bangers-Regular;
    text-shadow: 3px 3px 5px rgb(224, 12, 48);
}
#p1{
    color: black;
}
#L2{
    color: rgb(10, 1, 1); 
}

#B1{
    background-color: rgb(130, 196, 77);
}

#ingredients{
    background-color: rgba(164, 224, 169, 0.568);
}

#instructions{
    background-color: rgba(164, 224, 169, 0.568);
}

#catagory{
    background-color: rgba(164, 224, 169, 0.568);
}

#recipe_name{
    background-color: rgba(164, 224, 169, 0.568);
}

#box1{
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    top: -430px;
    left: 600px;
}    

#boxpic{
    position: absolute;
}