/*websystems.css

This shall contain all the CSS styles used by your website. 

You should try to make this web site as appealing as possible, using style sheets only.
You will lose marks for embedded or inline styles.
You must NOT use 3rd party CSS frameworks such as bootstrap, w3.css, foundation, etc..
*/
header{
    color:rgb(180, 135, 255);
    padding: 1% 15% 3% 0%;
    font-size: 175%;
    font-family: Arial, Helvetica, sans-serif;
    

}
body{
    background-color: rgb(20, 22, 30);
    color:rgb(230, 230, 235);
    margin:auto;
    padding: 1% 30% 5% 5%;
    font-size: large;
}
.navigation{
    background-color:rgb(25, 31, 61);
    color:rgb(230, 230, 235);
    border-style: inset;
    width: 25%;
    border: 20px;
    border-color: green;
    position: fixed;
    top: 0;
    right: 0;
}

.navigation a {
    color: rgb(180, 135, 255);
    text-decoration: none;
    font-weight: bold;
    line-height: 250%;
}

h1{
    margin:auto;
    color: rgb(130, 200, 255);
    width: 50%;
    font-style: oblique;
    font-family: fantasy, sans-serif;
    padding: 1rem;
    font-size: 400%;
}

table{
    text-align: center;
    border-collapse:collapse;
    color: rgb(230, 230, 235); 
    background-color: rgb(36, 40, 48);
    border: 2px solid rgb(130, 200, 255);
}

th{
    border: solid;
        background-color: rgb(44, 53, 95);
        color: rgb(180, 135, 255);
        padding: 2%;
}
td{
    border: solid;
    padding: 1rem;
}


h5{
    font-size: 120%;
    color: rgb(180, 135, 255);
}
footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: rgb(160, 170, 190);
    background-color: rgb(28, 30, 40);
    text-align: center;
}
span{
    color: lightslategray;
}

#colortalk{
    color:rgb(230, 230, 235);
}

img{
    align-items: center;
    width: 10%;
    height: 10%;
}

#col{
    font-family: 'Courier New', Courier, monospace;
}
#c{
    color: cyan;
}
#oo{
    color: olive;
}
#l{
    color: lawngreen;
}
#o{
    color: orange;
}
#u{
    color: rgb(180, 135, 255);
}
#r{
    color: red;
}