body {
    text-align:center;
    background-color: var(--secondary);
    color:var(--tertiary);
    font-family: Verdana;
    font-weight: bold;
}
section {
    background-image:linear-gradient( var(--primary), var(--secondary));
    padding-bottom:20px;
}
h1 {
    font-size:35px;
}
.intro {
    text-align:justify;
    margin: 0 auto;
    width:50%;
    font-size:18px
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8 {
    display:inline-block;
    width:300px; height:300px; margin:30px; 
    border:10px outset var(--primary);
    border-radius: 5px 0px;
    padding-top:250px;
    color: var(--tertiary);
    -webkit-text-stroke:.5px rgb(0, 0, 0); 
    font-size: 20px;
    margin-bottom:50px;
}
.home {
    color: var(--tertiary);
    text-decoration: underline;
    font-size:50px;
    padding:20px;
    border-radius:10px;
    background-color:var(--primary);
}
.span1 {
    background-image: url(/images/DowntownTX.jpg);
    background-size: cover;
}
.span2 {
    background-image: url(/images/DriveTX.jpg);
    background-size: cover;
}
.span3 {
    background-image: url(/images/SunsetTX.jpg);
    background-size: cover;
}
.span4 {
    background-image: url(/images/SkyTX.jpg);
    background-size: cover;
}
.span5 {
    background-image: url(/images/ArchitectureTX.jpg);
    background-size: cover;
}
.span6 {
    background-image: url(/images/NightTX.jpg);
    background-size: cover;
}
.span7 {
    background-image: url(/images/ConstructionTX.jpg);
    background-size: cover;
}
.span8 {
    background-image: url(/images/PearlTX.jpg);
    background-size: cover;
}