/* text.css */ 
p#all {
    font-family: Monaco;
    font-size:  15px;
    font-color: white;
    word-wrap: break-word;
}

#p3 {
    text-align: ;
    color:darkred;
    font-family: Monaco;
    font-size:  14px;
    font-color: darkred;
    word-wrap: break-word;
}

#p4 {
    font-family: Monaco;
    font-size:  14px;
    text-align: left;
    color:darkgreen;
}

h1 { 
    color:Gold; 
    text-align: center; 
    font-family: Arial;
    font-size:20px;
}
h1#home { 
    color:White; 
    text-align: center; 
    font-family: Courier;
    font-size:30px;
}
h1#services { 
    color:lightgrey; 
    text-align: center; 
    font-family: Courier;
    font-size:30px;
}
h1#contactus { 
    color:powderblue; 
    text-align: center; 
    font-family: Courier;
    font-size:30px;
}
h2#contact { 
    font-family: courier;
    font-size: 18px;
    background-color:lightblue;
    width: auto;
    height: auto;
    color:darkred; 
    text-align: center;
}

.ul {             /* The actual bullet points of the UL*/
    list-style-type: none;
    float:left;
    color:grey;
    /*list-style-height: 5px;
    list-style-width:5px;   */
}

ul li#list{
    display: block; 
    background-color:white;
    border-color:yellow;
    border-width:2px;
    border-radius: 5px;
    width: 15%;
}

ul li:hover{
    /*border-style:dotted;
    border-color: yellow; */
}




/* this was searched up and learned, keyword keyframes rule*/
.scroll-up {
 height: 300px;	
 overflow: hidden;
 position: relative;
 /*background: yellow;*/
 /*color: darkred;
 border: 1px solid orange;*/
}
.scroll-up p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 16px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateY(100%);
 -webkit-transform:translateY(100%);	
 transform:translateY(100%);
 /* Apply animation to this element */	
 -moz-animation:    scroll-up 25s linear infinite;
 -webkit-animation: scroll-up 25s linear infinite;
 animation:         scroll-up 25s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-up {
 0%   { -moz-transform: translateY(100%); }
 100% { -moz-transform: translateY(-100%); }
}
@-webkit-keyframes scroll-up {
 0%   { -webkit-transform: translateY(100%); }
 100% { -webkit-transform: translateY(-100%); }
}
@keyframes scroll-up {
 0%   { 
 -moz-transform: translateY(100%); /* Browser bug fix */
 -webkit-transform: translateY(100%); /* Browser bug fix */
 transform: translateY(100%); 		
 }
 100% { 
 -moz-transform: translateY(-100%); /* Browser bug fix */
 -webkit-transform: translateY(-100%); /* Browser bug fix */
 transform: translateY(-100%); 
 }
}