/*  Vik's style sheet   
    CIST 1530 - Web Graphics
*/

/*RESET*/
        *{
            margin: 0;
            padding: 0;
            list-style: none;
            
        }
        
/*NAV*/
        .navi {
            display: flex;
            border-bottom: 1px solid #352208;   /*navi accent bar*/
            background-color: white;
            width: 100%;
            padding: 15px;
        
        }
        
        .navi p{
            font-family: "Courier New", Courier, monospace;
            text-align:  right;
            padding: 0px 10px;
            color: #352208;
        }
            


/*BODY*/
        body{   /*including navi*/
            background-color: white;
        }
        
        .body{  /*not including navi*/
            place-items: center;
        }
        
        a{  /*currently not in use*/
            text-decoration: none;
            color: #352208;
        }
        
        ul{
            align-items: center;
        }
        
        li{     /*buttons*/
            display: inline-block;
            margin: 3% 2%;
        }
        
        .title {
            margin: 5% 5% 2% 5%;
            
        }

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


/*CONTAINER*/
        .container {
            display: flex;
            border: 1px solid #352208;
            border-radius: 30px;
            background-color: white;
            padding: 50px;
            width: 50%;
            margin: 1%;
        }
            
        .container h3, .container h4 {
            font-family: "Courier New", Courier, monospace;
            color: #352208;
        }
        
        .container p {
            text-align: left;
            color: #352208;
            padding: 1% 0 0 0;
        }
        
        .container .about {
            margin: 2%;
        }
        
        .container img {
            width: 350px;
            height: auto;
            flex-shrink: 0;
        }