*{
                padding: 0px;
                margin: 0px;
            }
            body{
                background-color: beige;
            }
            header{
                max-width: 800px;
                
            }
            #container{
                max-width: 950px;
                margin: 0 auto;
                overflow: hidden;
            }
            #main{
                max-width: 600px;
                float: left;
                background-color: white;
                padding: 5px;
                border-radius: 5px;
            }
            #main li{
                padding-left: 10px;
            }
            #discordwidget{
                float: right;
                max-width: 300px;
            }
            #logo{
                max-width: 100%;
            }
            nav{
                margin-bottom:10px;
            }
            nav ul{
                display: flex;
                
            }
            nav ul a{
                list-style: none;
                width: 25%;
                text-align: center;
                background-color: rgb(47, 133, 133);
                border-color: black;
                margin: 3px;
                padding :3px;
                border-radius: 5px;
                text-decoration: none;
                color: white;
            }
            nav ul a:hover{
                background-color: rgb(63, 179, 179);
            }
            footer{
                background-color: rgb(63, 179, 179);
                text-align: center;
                height: 120px;
            }
            footer p{
                padding: 20px;
            }
            .clearfix:after {
                content: '';
                display: block;
                clear: both;
            }
            .clearfix {
               zoom: 1;
            }

            @media screen and (max-width:900px) {
                #container{
                    padding: 5px;
                }
                #main{
                    float: none;
                    min-width: 100%;
                    border-radius: 0px;
                }
                #discordwidget{
                    float: none;
                    margin: 0 auto;
                    
                }
                nav{
                    margin-bottom:0px;
                }
                li{
list-style: none;
                }
                
            }