topsection.css

        * {
            margin: 0;
            padding: 0;
            font-family: 'Open Sans', sans-serif;
        }

        #topimg {
            width: 92%;
            margin: auto;
            background-color: rgb(240, 236, 236);
            text-align: center;
            padding-bottom: 5px;
        }
        #topimg>img{
            width: 100%;
        }

        #logo {
            display: flex;
            justify-content: space-between;
            width: 86%;
            margin: auto;
            padding: 15px;
        }

        #logo>div:nth-child(2)>img{
            cursor: pointer;
        }

        #logo>div:nth-child(2) {
            text-align: center;
        }

        #logo>div:nth-child(3){
            display: flex;

        }

        #info {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 500px;
        }
        
        #info>div:nth-child(1), #info>div:nth-child(4),#info>div:nth-child(5){
            cursor: pointer;
        }

        #info>div {
            margin: 0 4px;
            font-weight: bold;
            color:rgb(8, 132, 14)
        }

        #info>div:nth-child(3) {
            border-left: 2px solid red;
            height: 14px;
        }
        nav{
            margin: 20px auto;
        }

        nav>div{
            border-bottom: 1px solid rgb(228, 3, 3);
            margin: auto;
            width: 100%;
        }
        #navbar>img{
            margin-left: 50px;
        }

        #navbar{
            display: flex;
            width: 1100px;
            margin: auto 30px auto 110px;
            font-size: 14px;
        }

        #navbar>div {
            margin: 5px 5px;
            font-weight: bold;
            box-sizing: border-box;
        }
        a{
            color: rgb(90, 89, 89);
            text-decoration: none;
            padding: 7px;
            border-radius: 20px;
        }
        a:hover{
            color:rgb(228, 87, 21);
        }