html, body {
    background-color: azure;
    margin: 0;
    padding: 0;
    min-width: 500px;

}


main {
    background-color: rgba(32, 88, 79, 0.127);
    margin: 10px;
    box-shadow: 0px 4px 8px 0px rgba(130, 130, 130, 0.388);
    box-shadow: 0px 0 8px 0px rgba(130, 130, 130, 0.7);
    position: absolute;

    #WebChange{
        margin: 10px;
        >h3{
            margin: 0px;
        }
        #announcement{
            text-indent: 25px;
        }
    }

    #Title {

        padding: 2%;
        list-style: none;
        Left: 1%;

        >h1 {
            font-size: 300%;
            margin: 0px;
        }

        >h2 {
            font-size: 150%;
            margin: 0px;
        }

        .underline {
            width: 40%;
            border-color: black;
            margin: 5px 0px 0px 0px;



        }

    }


    #card {
        float: right;
        padding: 10px 10px 0px 10px;
        margin: 10px 10px 0px 10px;
        background-color: rgba(83, 166, 152, 0.568);
        border-radius: 5%;
        #pfimg {

            >img {
                width: 300px;
                height: 300px;
                padding: 0px;
                margin: 0px;
                border-radius: 10%;
            }

        }

        #socials {
            position: relative;
            margin: 0px;
            padding: 0px;

            >h3 {
                margin: 0px;
                text-align: center;

            }

            >ul {
                margin: 0px;
                padding: 0px;

                >li {
                    text-align: center;
                    list-style: none;

                    .social {
                        text-decoration: none;
                        color: rgb(2, 116, 255)
                    }

                    .social:hover {
                        opacity: 60%;
                    }

                }

            }
        }
    }

    #about {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;

        >p {
            margin: 0px;
            text-indent: 25px;

        }
    }

    #Edu {
        padding: 10px 10px 0px 10px;
        margin: 0px 0px 0px 0px;

        >h1 {
            margin: 0px;
            padding: 0px;
        }


        >p {
            text-indent: 25px;
            margin: 0px;
            padding: 0px;
        }

        #vibra {
            float: left;
            border-radius: 5%;
            padding: 5px 5px 5px 5px;
            margin: 10px 10px 0px 0px;
            background-color: rgba(83, 166, 152, 0.568);
            align-items: center;
            height: auto;
            width: auto;
                >img {
                    width: auto;
                    height: 250px;
                    padding: 0px;
                    margin: 0px;
                    border-radius: 10%;
                }

                >p{
                    padding: 0px;
                    margin: 0px;
                    text-align: center;
                }
            }
        }

    #passion {
        padding: 10px 10px 0px 10px;
        margin: 0px 0px 0px 0px;

        >h1 {
            margin: 0px;
            padding: 0px;
        }

        >p {
            text-indent: 25px;
            margin: 0px;
            padding: 0px;
        }

        >img{

            width: 300px;
            height: 300px;
            border-radius: 10%;
            margin:5px;
            padding: 5px;
            background-color: rgba(83, 166, 152, 0.568);
            vertical-align: top;
        }
    }

    #Pubs {
        margin: 0px 0px 0px 10px;
        padding: 0px 0px 0px 0px;

        >h1 {
            margin: 0px;
            padding: 0px;
        }

            >ol{
                padding: 0px 0px 0px 10px;
                
                >li{

                    #citation{
                        text-indent: -36px; 
                        padding-left: 36px;
                        padding-bottom: 0px;
                    }
                    #descript{
                        text-indent: 25px;
                        padding-top: 0px;
                        margin: 0px;
                    }
                }
            }
        }
        #contact{
            text-align: center;
            padding:0px 0px 10px 0px;
            >p{
                font-size: large;
                text-align: center;
                background-color: rgba(83, 166, 152, 0.568);
                border-radius: 10px;
                margin:auto;
                padding: 5px;
                width: 300px;
        }
    }
}