/* button styling */
        nav a {
            text-align: center;
            text-decoration: none;
            font-size: 16px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 20px;
            font-weight: bold;
            color: white;
            margin: 0px 20px;

        }
        /* button effect */
        nav a:hover{
            color: rgba(234, 10, 18, 0.816);
        }

        h1{
            color: rgb(239, 236, 232);
            margin-bottom: 0px;
            font-size: 100px;
            margin-top: 0px;
        }

        h2{
            color: rgba(127, 109, 84, 0.71);
            margin-top: 0px;
            font-size: 30px;
            line-height: 5px;
            margin-bottom: 50px;
        }
        body {
            text-align: center;
            background-color: rgb(213, 202, 175);
        }

        header {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        section p {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-se;
        }

        span {
            font-weight: bold;
        }

        main section img{
            border-radius: 10px;
        }

        main section{
            background-color:rgb(236, 231, 223); 
            color: rgba(120, 58, 58, 0.686); 
            margin: 30px; 
            padding: 30px 50px;  
            border: none;
            border-radius: 50px;

        }