/*  Vik's style sheet   
    CIST 1520 - Javascript
*/

/*RESET*/
        *{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        button {
            background: none;
            border: none;
            padding: 0;
            font: inherit;
            color: inherit;
            cursor: pointer;
        }


/*NAV*/
        .navi {
            display: flex;
            border-bottom: 1px solid #eb5e28;
            background-color: #403d39;
            padding: 10px 15px;
        
        }
        
        .navi p{
            font-family: "Courier New", Courier, monospace;
            text-align:  right;
            padding: 0px 10px;
            color: white;
        }
            


/*BODY*/
        body{   /*including navi*/
            background-color: #252422;
        }
        
        .body{  /*not including navi*/
            place-items: center;
        }
        
        a{  /*currently not in use*/
            text-decoration: none;
            color: white;
        }
        
        ul{
            align-items: center;
        }
        
        li{     /*buttons*/
            display: inline-block;
            margin: 3% 2%;
            
        }
        
        button{
            border: 2px solid #eb5e28;
            border-radius: 5px;
            background-color: #eb5e28;
            padding: 5px 20px;
            
            font-family: helvetica, verdana, arial;
            color: white;
            font-size: 14px;
            
        }
        
        .title {
            margin: 5% 5% 2% 5%;
            
        }

/*TEXT*/
        h1, p {
            font-family: Helvetica, verdana, arial;
            color: white;
            text-align: center;
        }


/*CONTAINER*/
        .container {
            display: block;
            align-items: center;
            justify-content: center;
            border: 2px solid #403d39;
            border-radius: 30px;
            background-color: #403d39;
            padding: 50px;
            width: 400px;
            margin: 2%;
            
}