/*MY CSS PAGE*/

/*general*/
body{
    background-image:url(https://pbs.twimg.com/media/ClE3ODDXIAEYGDe.jpg);
}
.home{
    border:10px solid antiquewhite;
}

.home1{
    border-top:10px;
}

h1{
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 40px;
    font-weight: 700px;
}

/*buttons*/
.buttons{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    background-color: antiquewhite; 
    color: black; 
    border: 2px solid #8585ad;
}

.buttons:hover {
    background-color: #8585ad;
    color: white;
}

/*Home Page*/
.homepage{
    background-color: antiquewhite;
    width:810px;
    top:0px;
    margin: 0 auto;
}
.welcometext{
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-weight: 600;
}

/*Art Page*/
.artpage2{
    background-color: antiquewhite;
    width:810px;
    top:0px;
    margin: 0 auto;
}
#artrobot{
    height:410px;
    width: 330px;
    border:30px solid antiquewhite;
}

.cuba{
    height:400px;
    width:555px;
}
.gnome{
    height:260px;
    width:330px;
    border:30px solid antiquewhite;
}
.artlady{
    height:310pxpx;
    width:330px;
    border:30px solid antiquewhite;
}
.banskykids{
    height:255px;
    width:330px;
    border:30px solid antiquewhite;
}


body{
    vertical-align:text-top;
    text-align: center
}
.text{
    width:700px;
    padding-bottom:300px;
    height:100px;
    padding: 30px;
    font-family: Avantgarde, sans-serif;
    line-height: 230%;
    font-weight: 790;
    margin-bottom: 330px;
}
.text2{
    width:700px;
    padding-bottom:300px;
    height:100px;
    padding: 30px;
    font-family: Avantgarde, sans-serif;
    line-height: 230%;
    font-weight: 790;
    margin-bottom: 170px;
    margin-top: 100px;
}
.text3{
    width:700px;
    padding-bottom:300px;
    height:100px;
    padding: 30px;
    font-family: Avantgarde, sans-serif;
    line-height: 230%;
    font-weight: 790;
    margin-bottom: 300px;
    margin-top: 100px;
}
.text4{
    width:700px;
    padding-bottom:300px;
    height:100px;
    padding: 30px;
    font-family: Avantgarde, sans-serif;
    line-height: 230%;
    font-weight: 790;
    margin-bottom: 300px;
    margin-top: 100px;
}
h3{
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 40px;
    font-weight: 600px;
}

/*About Me Page*/
.aboutme{
    background-color: antiquewhite;
    width:810px;
    top:0px;
    margin: 0 auto;
}
.pr{
    width: 399px;
    height:350px;
}
.md{
    width:399px;
    height:350px;
}
.xbox{
    width:798px;
    height:448.875px;
}
.ladyphoto{
    width:399px;
    height: 224.504px;
}
.b{
    width:199.5px;
    height: 157.5362069px;
 
}

/*Sports*/
.sports{
    background-color: antiquewhite;
    width:810px;
    height:1200px;
    top:0px;
    margin: 0 auto;
}

.warriors{
    width:200px;
    height:201px;
    border:30px solid antiquewhite;
    background-color: antiquewhite;
}
.swim1{
    width:220px;
    height:190px;
    border-color: black;
    border:4px;
    border:30px solid antiquewhite;
}
#usa{
    width:200px;
    height;150px;
    border:30px solid antiquewhite;
}
.text5{
    width:700px;
    padding-bottom:50px;
    height:100px;
    padding: 30px;
    font-family: Avantgarde, sans-serif;
    line-height: 230%;
    font-weight: 790;
    margin-bottom: 100px;
}.text6{
    width:700px;
    padding-bottom:50px;
    height:100px;
    padding: 30px;
    font-family: Avantgarde, sans-serif;
    line-height: 230%;
    font-weight: 790;
    margin-bottom: 100px;
}.text7{
    width:700px;
    padding-bottom:200px;
    height:100px;
    padding: 30px;
    font-family: Avantgarde, sans-serif;
    line-height: 230%;
    font-weight: 790;
    margin-bottom: 100px;
}

/*Food Page*/
.food{
    background-color: antiquewhite;
    width:810px;
    top:0px;
    margin: 0 auto;
}
#breakfast{
    width=399px;
    height: 351px;
}
.square{
    width:399px;
    height:399px;
}
#dinner{
    width:399px;
    height:199.5px;
}