@charset "UTF-8";
/* CSS Document for Phone*/

/* General body styling */
body 
{
    color: white; /* text color */
    background-color: navy; /* color of background */
    font-family: 'Times New Roman', Times, serif; /* font style */
    font-size: x-large;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

/* Apply margins to headings, paragraphs, and list items */
h1, h2, h3, h4, h5, h6, p, li 
{
    margin-left: 15px;
    margin-top: 0px; 
}

/* Wrapper container */
#wrapper 
{
    width: 100%; /* full width */
    height: auto; /* changed from fixed height */
    margin-left: auto; /*centers the wrapper*/
    margin-right: auto; /* centers the wrapper */
}

/* Wrapper container for contact me page*/
#wrappercontact 
{
    width: 100%; /* full width */
    height: auto; /* changed from fixed height */
    margin: 0 auto; /* centers the wrapper */
}

/* Footer */
#footer,
footer.foot,
footer.pro,
footer.footerhome,
footer.footervid,
footer.footerabout {
  background-color: black ;
  color: white ;
  text-align: center;
  height: 200px;
}


/* Banner */
#banner 
{
    height: 60px;
    background-color: black; /* black background */
    color: black; /* text color */
}

/* Box styling */
.box 
{
    width: 90%;
    min-height: 120px;
    float: none; /* makes boxes stack vertically */
    background-color: black; /* black background */
    margin: 15px auto;
    opacity: 1;
    text-align: center; /* centers text inside */
}

/* Button styling */
.button 
{
    font-size: x-large; 
    background-color: coral; 
    color: #01E6DC;
    display: block;
    width: 90%;
    padding: 8px;
    margin: 10px auto; 
    border-radius: 15px;
    box-shadow: 5px 5px 3px black; /* adds shadow */
}

/* Clear floats */
.clear 
{
    clear: both; /* clears floats */
}