:root{
            --green:rgb(14,143,100);
        }

        body{
            font-family: 'Courier New', Courier, monospace;
            text-align:center;
            background-color: var(--green);
        }

        h1{
            font-size: 40px;
            letter-spacing: 3px;
            margin:20px;
            color:white;
            
        }

        img{
            border-radius: 50%;
            height:100px;
            
        }

        .container{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin:0 auto;
        

            
        }
        
    

        textarea{
            margin:2rem;
            padding:1rem;
            width:80%;
            height:3rem;
            border-radius:30px;

        }

        ::placeholder{
            color:var(--green);
            font-size:25px;
        }

        button{
            width:30%;
           /* height:2.5rem;*/
            border-radius:30px;
            color:var(--green);
            font-size:25px;
            margin:2rem;
            box-shadow:5px 5px 10px white;
            padding:1rem;
            
            
            
        }

        button:hover{
            color:white;
            background-color:var(--green);
        }
        
        #op{
            border:1px solid black;
            width:80%;
            height:3rem;
            background-color:white;
            padding:1rem;
            margin:2rem;
            border-radius:30px;
        }

        footer{
            background-color:white;
            color:var(--green);
            border-top-right-radius: 1rem;
            border-top-left-radius: 1rem;
            text-align:center;
            padding:1rem;
            
        }