/* <!-- This styles3.css file was created by Kurt Brown on December 1, 2022 for the WEB 110 Final Project --> */

body, html{
    margin: 0;
    padding: 0;
    border: 0;
 }

 body{
    background-image: url("../images/pexels-cottonbro-studio-6334916.jpg");
 }

 h1, h2, h3{
    color: black;
    text-align: center;
    font-family: 'PT Serif', serif;
 }

 iframe{
    border: 8px solid green;
}

 .confirmation{
    background-color: burlywood;
    position: relative;
 }


 
 @media screen and (min-width:320px) and (max-width:767px){
    .box{
        text-align: center;
    }

    iframe{
        width: 100%;
    }
}

@media screen and (min-width:768px) and (max-width:1279px){
    .box{
       text-align: center; 
    } 

    iframe{
        width: 75%;
    }
}

@media screen and (min-width:1280px){
    .box{
      text-align: center; 
    }    

    iframe{
        width: 50%;
    }
    
}