body    {
    background-color: black;
    align-items: center;
    align-self: center;
    text-align: center;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        margin: 0px;
}
main {margin: 20px;}
        input   {
            align-items: center; 
            font-size: 20;color: white;
            background-color: rgb(34, 34, 34);
            accent-color: black;
            align-self: center;
            height: 35;
            padding: 2%;
            border-radius: 10px;
            border: none;
            margin: 8px 2px;
            font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            outline-color: white;
            outline-style: solid;
        }
        input:hover {
            background-color: hsl(0, 0%, 10%);
            transform: scale(1.05);
            transition: 0.5s;
            border-color: rgb(211, 211, 211);
            outline-color: rgb(211, 211, 211);
        }
        button  {
            align-items: center; 
            font-size: 20;color: black;
            background-color: rgb(34, 34, 34);
            accent-color: black;
            align-self: center;
            width: 200;
            padding: 0%;
            display: inline-block;
            cursor: pointer;
            margin: 4px 2px;
            padding: 15px 30px;
            border: none;
            font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }
        .round-button {align-items: center; 
            font-size: 20;color: white;
            background-color: rgb(34, 34, 34);
            accent-color: black;
            align-self: center;
            width: 200;
            display: inline-block;
            cursor: pointer;
            margin: 8px 4px;
            padding: 10px 30px;
            border-radius: 10px;
            font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            outline-color: white;
            outline-style: solid;
        }
        .round-button:hover {
            background-color: hsl(0, 0%, 10%);
            transform: scale(1.05);
            transition: 0.2s;
            border-color: rgb(211, 211, 211);
            outline-color: rgb(211, 211, 211);
        }
        h1 {
            font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            color: white;
        }
        
        label {
            font-size: 20;color: white;
            accent-color: black;
            align-self: center;
            width: 500;
            padding: 0%;
            display: inline-block;
            font-family:Arial, sans-serif;
            font-style: normal;
            margin: 4px 2px;
            padding: 1%;
            border: none;
            border-radius: 10px;}

        a.Ad {
            font-size: 20;color: white;
            accent-color: black;
            align-self: center;
            width: 300;
            padding: 0%;
            display: inline-block;
            font-family:Arial, Helvetica, sans-serif;
            font-style: normal;
            margin: 4px 2px;
            padding: 1%;
            border: none;
            border-radius: 10px;
        }
        p {
            font-size: 20;color: white;
            accent-color: black;
            align-self: center;
            width: 500;
            padding: 0%;
            display: inline-block;
            font-family:Arial, sans-serif;
            font-style: normal;
            margin: 4px 2px;
            padding: 1%;
            border: none;
            border-radius: 10px;
        }
        nav.navbar ul{
            list-style-type:none;
            background-color: rgb(28, 28, 28);
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            border-bottom: 1px solid rgb(100, 100, 100);
        }
        nav.navbar ul:hover {

            border-bottom: 1px solid rgb(199, 199, 199);
            transition: 0.2s;

        }
        nav.navbar a.ahover{
            color: white;
            text-decoration: none;
            padding: 10px 100px; 
            display: block;
            text-align: center;
            border-radius: 5px;
            margin: 0px 5px;
        }
        nav.navbar a.ahover:hover{
            background-color: hsl(0, 0%, 10%);
            outline-style: dotted;
            transition: 0.1s;
            outline-color: white;
        }
        nav.navbar img {
            outline-color: white;
            border-radius: 100%;
            outline-width: 2px;
        }
        nav.navbar img:hover{
            background-color: hsl(0, 0%, 10%);
            outline-style: dotted;
            transition: 0.1s;
        }
        nav.navbar li{float:left;}
        nav.navbar a.imga {
            color: white;
            text-decoration: none;
            padding: 0; 
            display: block;
            text-align: center;
            margin: 0px 5px;
        }
        nav.navbar a.imga:hover {
            color: white;
        }
        div.card {
            align-self: center;
            width: 80%;
            background-color: rgb(17, 17, 17);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            margin: 20px;
        }
        div.card-inner {
            text-align: center;
            padding: 10px 20px;
            align-self: center;
        }
        div.card:hover {
            transform: scale(1.02);
            transition: 0.2s;
        }