:root{
    --main-Color-bg:#003d83;
    --main-Color-bg-2:rgb(235, 235, 235);
    --main-color-secondary-1: #db7100;
    --main-color-secondary-2: #00a600; 
}

body {
	background: linear-gradient(-45deg, #b6887a, #cfefba, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	/* height: 100vh; */
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.MyProf{
    width: 50%;
    margin: 50px auto;
    background: linear-gradient(90deg, rgba(18,9,170,1) 0%, rgba(67,67,171,1) 17%, rgb(8, 149, 178) 100%);
    box-shadow: 1px 1px 10px 1px black;
}

.MyProf>div{
        text-align: center;
}

.MyProf>div img{
    margin: 10px 0;
    border-radius: 50%;
    border: none;
}

.MyProf{
    text-align: center;
    color: white;
    
}

.MyProf>p{
    text-align: justify;
    padding: 0 20px;
}

.myinfotext{
    color: black;
}

.myinfotext button{
    margin: 0 0 20px 0;
}

.modal-body{
    text-align: justify;
    font-size: 18px;
}

.contact{
    display: flex;
    width: 50%;
    margin: auto;
    justify-content: center;
    align-items: center;
}

.contact>div{
    margin: 30px 0;
}



.contact>div a{
    color: var(--main-Color-bg);
    margin: 0 20px;
    font-size: 40px;
    background-color:var(--main-Color-bg-2) ;
    padding: 10px 20px;
    border-radius: 20px;
}

.contact>div a:hover{
    background-color:crimson;
    color:white
}

@media screen and (max-width:768px){
    .MyProf{
        width: 80%;
    }

    .contact{
        width: 100%;
    }
    
}

@media screen and (max-width:512px){
    .contact>div a{
        color: var(--main-Color-bg);
        margin: 0 20px;
        font-size: 25px;
        background-color:var(--main-Color-bg-2) ;
        padding: 10px 20px;
        border-radius: 20px;
    }
    
}

.goback>div{
    /* background-color: #00a600; */
    padding: 10px 0;
    margin: 20px 0;
}

.goback>div>a{
 color: black;
 background-color: #ffffff;
 padding: 8px ;
 border-radius: 10px;
}
.goback>div>a:hover{
    background-color: rgb(45, 241, 160);
}