h1 { }
body {background-color: #ffffff; margin: o; font-family: Arial, Helvetica, sans-serif; }
nav { }
.navbar {overflow: hidden; background-color: #ffa500; position: fixed; top: 0; width: 100%;}
.navbar a {float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 1.1em;}
.navbar a:hover {background-color: #fffacd; color: #000000;}
.navbar a:active {background-color: #ff4500; color: #000000;}
.navbar .icon {display: none;}

@media screen and (max-width: 600px) {
    .navbar a:not(:first-child) {display: none;}
    .navbar a.icon {float: right; display : block;}
}

@media screen and (max-width: 600px) {
    .navbar.resposive .icon {position: absolute; right: 0; top: 0;}
    .navbar.resposive a {float: none; display: block; text-align: left;}
}

 footer {
    background-color: #ffa500; color: white; clear: both; 
    font-family: serif; font-size: 100%; text-align: center; padding: 0.5em; }
      ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffa500;
    width: 100%;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #ff4500;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.show {display:block;}
a:visited {
      color: #0000ff;
      }
   a:hover {
      color: #00ff00;
   }
   a:active {
      color: #f0e68c;
   }
    .c > div {border: 1px solid; padding: 5px; 
        border-bottom-right-radius: 0.3em; border-top-left-radius: 0.3em;
         margin: 2px;  width: 400px;}
    .c {display: flex; flex-wrap: wrap; background-color: #fff;}   
    .m1 {text-align: center; font-size: 1.5em;}
    .tfp1 {background-color: #00f; color: #fff; text-align: center; font-size: 1.2em;}
    #m2 {color: #ff0000;font-family: 'Faster One';font-size: 2.2em;}
    #tf1 {color: #ffff00; font-family: 'Jacques Francois Shadow';font-size: 2.2em; }
    #tf2 {color: #ff0000; font-family: 'Jacques Francois Shadow';font-size: 2.5em; }