@font-face
    {
        font-family:Vidaloka-Regular;
        src: url (fonts/Vidaloka-Regular.ttf);
    }
@font-face
    {
        font-family:Inter-Regular
        src: url(fonts/Inter-Regular.ttf);
    }
@font-face
    {
        font-family:Inter-Light
        src: url(fonts/Inter-Light,ttf);
    }
*
    {
        box-sizing: border-box;   
    }
nav:first-child
    {
        color:#A1BD2E;
        text-align:center;
        text-decoration: none;
        display:flex;
        justify-content: center;
        align-items: center;
        font-family: Inter-Light, sans-serif;
    }
.pinkstrip
    {
        background-color: #C900AE;
        color: white;
        display: flex;
        flex-direction: row;
        padding-top: 15px;
        padding-bottom: 15px;
        justify-content: center;
        align-content: center;
        font-family: Inter-Light, sans-serif;
        text-shadow: 1px 1px black;
    }
#container
    {
        height:768px;
        width:auto;
        background-image: url(images/A-Beginners-Guide-On-Making-Delicious-Ice-Cream-768x512.jpg);
        background-size:cover;
        background-repeat: no-repeat;
        background-position: left center;
        margin: 0;
    }
h1
    {
        text-align: right;
        display: flex; 
        align-items:center;
        padding-top: 300px;
        padding-left: 4em;
        font-size: 48px;
        font-family: Vidaloka-Regular, serif;
        margin: 0;
   }
.pinkbutton
    {
        background-color: #C900AE; 
        font-family: Inter-Light, sans-serif;
        color: white;
        width: 140px;
        text-align: center;
        padding:0.5em;
        display: flex; 
        align-items:center;
        margin-left: 14em;
        font-size: 18px;
    }
.options
    {
        margin-left:auto;
        margin-right:auto;
        font-family: Inter-Light, sans-serif;
        width: 250px;
        background-color: #C900AE;
        display: flex;
        flex-direction: row;
        padding-top: 1em;
        padding-left: 1em;
        color: white;
    }
.options img
    {
        background-color: #ffffff;
        border-radius: 50%;
    }
.threeoptions
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-color: #C900AE;  
    }
.buttons
    {
        background-color:#A1BD2E;
        font-family: Inter-Light, sans-serif;
        color: black;
        padding:5px;
        display: flex; 
        justify-content: center;
        flex-direction: row;
        
    }
h4
    {
        margin:0;
        color: #A1BD2E;
        font-family: Vidaloka-Regular, serif;
    }
.addresses
    {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin-left:auto;
        margin-right: auto;
        background-color: #C900AE;
        text-align: center;
        font-family: Inter-Light, sans-serif;
    }
.desserts
    {
        color:#C900AE;
        font-family: Inter-Light, sans-serif;
    }
body 
    {
        background-color: #eaeaea;
        color: #555555;
        font-family: Arial, Helvetica, sans-serif;
    }
.icecreamflavours
    {
        display:flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin:1em 4em 1em 4em;
        justify-content: space-around;
        
    }
.dairy
    {
        display: flex;
        flex-direction: column;
        margin-left: 4em;
        margin-right: 4em;
        margin-bottom: 0;
        margin-top: 0;
    }
.dairyflavours
    {
        margin: 0;    
    }
.dairyhead
    {
        font-family: Inter-Light, sans-serif;
    }
.nondairyhead
    {
        font-family: Inter-Light, sans-serif;    
    }
.ourstory
    {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: center;
        align-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
.ourstorytext
    {
        display: flex;
        flex-direction: column;
        text-align: left;
        color: #C900AE;
        font-family: Inter, sans-serif;
        margin: 0;
        padding-right: 400px;
        padding-left: 10px;
    }
.ourstoryheading
    {
        display: flex;
        flex-direction: column;
        text-align: right;
        padding-left: 400px;
    }
.ourstoryheading h3
    {
        color: #C900AE;
        font-family: Inter-Light, sans-serif;
        text-align: right;
        margin: 0;
        padding-top: 10px;
        font-size: 12px;
    }
.ourstoryheading h2
    {
        color: #C900AE;
        font-family: Vidaloka-Regular, serif;
        margin: 0;
        font-size: 32px;
    }
.flavorofday
    {
        background-color: #FF9F40; 
        text-align: center;
        display: flex;
        flex-direction: column;
        font-family: Inter-Light, sans-serif;
    }
.favflav
    {
        padding-left: 1em;
        color:#C900AE;
        font-weight: bold;
    }
.flavorofday p
    {
        color: white;
    }
.flavorofday .pinkbutton
    {
       text-align: center;     
    }
.peppermintpatty
    {
        padding-right: 2em;
    }
.flavour
    {
        background-color: #FF9F40; 
        text-align: center;
        display: flex;
        flex-direction: row;
        font-family: Inter-Light, sans-serif; 
        padding-left: 25%;
    }
.nondairy
    {
        display: flex;
        flex-direction: column;
        margin-left: 4em;
        margin-right: 4em;
        padding-bottom: 10px;
    }
.nondairyflavours
    {
        margin: 0;    
    }
.button
    {
        background-color: #C900AE; 
        font-family: Inter-Light, sans-serif;
        color: white;
        width:100px;
        padding:0.5em;
        display: flex; 
        align-items:center;
        justify-content: center;
    }
.cakesheading
    {
        background-color: #E9FF8E;  
        text-align: center;
        padding-top: 10px;
    }
.cakesheading h4
    {
        text-align: center;
        color: #c900ae;
        font-family: Inter-Light, sans-serif;
        padding: 5px;
        font-size: 20px;
    }
.cakesheading h3
    {
        text-align: center; 
        color: #c900ae;
        font-family: Vidaloka-Regular, serif;
        margin: 0;
        font-size: 32px;
    }
.allcakes
    {
        background-color: #E9FF8E;  
        padding-left: 4em;
        padding-right: 4em; 
        padding-bottom: 2em;
        padding-top: 2em;
        display: grid;
        grid-template-columns: repeat(3, 308px);
        column-gap: 20px;
        grid-row-gap: 5px;
        justify-content: center;
    }
.comments
    {
        background-color: #DEFF57;
        margin-left:auto;
        margin-right:auto;
        font-family: Inter-Light, sans-serif;
        width: 200px;
        color: #c900ae;
        justify-content: center;
        font-size: 16px;
    }
.allcomments
    {
        display: flex;
        flex-direction: row;
        justify-content: center; 
        background-color: #DEFF57;
        padding-left: 4em;
        padding-right: 4em;
    }
.sevenlayercakeimage
    {
        border: 4px solid #ff9f40;    
    }
.blackforestcakeimage
    {
        border: 4px solid #ff9f40;    
    }
.classicbirthdaycakeimage
    {
        border: 4px solid #ff9f40;    
    }
.party
    {
        background-image: url(images/Balloon-bouquet-11_-pastels.jpg);
        display: grid;
        padding-top: 30px;
    }
.party h3
    {
        color: #c900ae;
        font-family: Inter-Light, sans-serif;
        text-align: match-parent;
        margin: 0;
        padding-left: 680px;
        font-size: 12px;
    }
.party h2
    {
        margin: 0; 
        font-family: Vidaloka-Regular, serif;
        font-size: 24px;
    }
.partyheader
    {
        color: #c900ae;
        font-family: Inter-Regular, sans-serif;
        text-align: right;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0;
    }
.partyheader img
    {
        margin: 0;
        padding-left: 2em;
    }
.partytext
    {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center space-evenly;
        padding-top: 1em;
        padding-right: 500px;
        padding-left: 500px;
    }
.partytextpic
    {
        padding: 1em;    
    }
.partypics
    {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center; 
        padding-top: 1em;
        padding-bottom: 1em;
        padding-right: 400px;
        padding-left: 400px;
    }
dt
    {
        font-weight: bold; 
        text-align: center;    
    }

.contactandaddress
    {
        background-color: #C900AE;  
        text-align: center;
        padding-bottom: 10px;
        padding-top: 10px;
        color: white;
    }
.footerbutton
    {
        background-color:#A1BD2E;
        padding-right: 1em;
        padding-left: 1em;
        color: white;
        font-family: Inter-Regular, sans-serif;
    }
.call
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-right: 5px;
    }
.location
    {
        color: white;
        font-family: Inter-Regular, sans-serif;
        opacity: 0.5;
    }
.text
    {
         font-family: Inter-Regular, sans-serif;
        color:#FF9F40;
    }
.greenbutton
    {
        background-color: #A1BD2E;
        text-align: center;
        color: white;
        font-family: Inter-Regular, sans-serif;
        width: auto;
        padding: 5px;
        justify-content: center;
    }
.footer
    {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        background-color: white;
    }
.navfooterpics
    {
        padding-top: 25px;   
        padding-left: 400px;
    }
.navfooter
   {
        color: #C900AE;
        background-color: white;
        padding:0.5em;
        font-family: Inter-Regular, sans-serif;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-content: center;
        text-align: center;
        padding-left: 300px;
        padding-top: 25px;
       font-size: 16px;
    }