@font-face {
    font-family: "tolkien";
    src: url(fonts/Ring\ of\ Kerry.otf);
}
@font-face {
    font-family: "shaw";
    src: url(fonts/shaw.ttf);
}
@font-face { 
    font-family: "child";
    src: url(fonts/julia.ttf);
}
@font-face {
    font-family: "fieri";
    src: url(fonts/fieri.ttf);
}
@font-face {
    font-family: "chernila";
    src: url(fonts/chernila.ttf);
}
@font-face {
    font-family: "hedberg";
    src: url(fonts/hedberg.ttf);
}
@font-face {
    font-family: "proverb";
    src: url(fonts/irish_proveb.otf);
}
@font-face {
    font-family: "ramsay";
    src: url(fonts/ramsay.otf);
}

*{box-sizing:border-box;
margin:0;
padding:0;}

.lavishly-yours-regular {
  font-family: "Lavishly Yours", cursive;
  font-weight: 400;
  font-style: normal;
}

.tolkien{
    background-color:#faaa68;
    font-family: "tolkien"; 
    font-size: 48pt;
    padding-right: 5%;
    }


.shaw{
    background-color: #262626;
    color: white;
    font-family: "shaw";
    font-size: 120pt;
    
}

.child{
    background-color: #709283;
    font-family: "child";
    font-size: 81pt;
}

.fieri{ 
    background-color: #b0413f;
    font-family: "fieri";
    font-size: 78pt;
    
}

.chernila{
    background-color: #faaa68;
    font-family: "chernila";
    font-size: 106pt;
}

.hedberg{
    background-color: #709283;
    font-family: "hedberg";
    font-size: 95pt;
    
}

.woolf{ 
    background-color: #262626;
    color: white;
    font-family: "lavishly-yours-regular";
    font-size: 87pt;
}

.ulmer{
    background-color: #faaa68;
    font-family: "sausage", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 120pt;
    
}

.proverb{ 
    background-color: #709283;
    font-family: "proverb";
    font-size: 125pt;
    text-align:left;
}

.ramsy{ 
    background-color: #b0413f;
    font-family: "ramsay";
    font-size: 72pt;
    
}