h1 {
    text-align: center;
    color: cadetblue;
        background-image: url(../images/pretzelb.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 130px 0px;
        text-shadow: 3px 3px black;
        font-size: 90px;
        border: 3px black dotted;
    }
    p {
        font-size: 45px;
        font-family: cursive;
        text-align: center;
    }


    .hero {
        height: 35vh;
        display: flex;
        flex-direction: row;
    }
    
    
    
    .hero :nth-child(1) {
        width: 35vw; height: 35vh;
        
    }
    
    .hero :nth-child(2) {
        width: 35vw; height: 35vh;
        
    }
    
    .hero :nth-child(3) {
        width: 35vw; height: 35vh;
        
    }

    .hero {
        height: 35vh;
        display: flex;
        flex-direction: row;
    }
    
    
    
    .hero :nth-child(1) {
        width: 30vw; height: 35vh;
        
    }
    
    .hero :nth-child(2) {
        width: 30vw; height: 35vh;
        
    }
    
    .hero :nth-child(3) {
        width: 30vw; height: 35vh;
        
    }
    #main {
        font-weight: bold;
        font-size: 25px;
    }