header {
    height:auto;
    background-color:rgb(255 255 255 / 0.57);
}

footer {
    background-color:#000000;
    width:90%;
    margin:auto;
    padding:3px;
}


.video, div, .video p {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    align-content:center;
    text-align:center;
    
}

.video p {
    background-color:#000000;
    border-radius:10px;
    padding-top:5px;
    padding-bottom:5px;
    width:800px;
}

.video {
    margin-bottom: 20px;
}

h1 
    {
    font-family:seaside;
    font-size:3em;
    
}



.mod01font {
    color: #6d1111;
}

.mod02font {
    color: #b86933;
}

.mod03font {
    color: #ae9555;
}

.mod04font {
    color: #49533f;
}

.mod05font {
    color: #3c4f6e;
}

.mod06font {
    color: #3f3b63;
}

.mod07font {
    color: #514a43;
}
/*
[class*="mod"] {
    -webkit-text-stroke: 1px #ffffff;
    text-shadow:7px -5px 5px #ffffff;
}
*/

section {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border: 3px solid #000000;
    border-radius: 10px;
    font-family: Verdana,sans-serif;
    color: #000000;
    margin-bottom: 20px;
}

section a {
    color:#9d6917;
}

section a:hover {
    color:#9d71a4;
}

h2 {
    color:#414c5c;
    font-family:fortysecond;
           
           font-size:2em;
}

dt {
    font-size: 1.2em;
     font-weight: bolder;
     color:#364f64;
}

[class*="code"] {
    font-weight:bolder;
}

dl.jscode dt, .jscode, dd.jscode {
    font-family: 'Courier New',monospace;
    color:#8d5226;
}

dl.htmlcode dt, .htmlcode {
    font-family: 'Courier New',monospace;
    color:#3049c1;
    
}

dl.csscode dt, dd.csscode, .csscode {
    font-family: 'Courier New',monospace;
    color:#a52bb7;
}

dl.noncode dt, dt.noncode {
    color:#364f64;
    font-family:Verdana,sans-serif;
}

dl.ftpcode dt {
    font-family: 'Courier New',monospace;
    color:#359215;
}

dd {
    margin-bottom:10px;
}

.content {
    color:#714118;
}

.attribute {
    color:#2f9a2b;
}

.indent {
    margin-left:50px;
}

ul li.indent {
    list-style-type: circle;
}

li.right {
    list-style-type: none;
    text-align:right;
}

li {
    font-size:1rem;
}

.note {
    font-weight:bolder;
    color:#763030;
}