@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@1,500&family=PT+Serif&display=swap');

.contact-me h4{
    text-align: center;
    margin-top: 40px;
    font-size: 30px;
    font-family: 'IBM Plex Sans', sans-serif;

}

.contact-me{
	width: 100%;
	height: 500px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.doctors-new{
    margin-top: 20px;
}

.container-new{
    position: relative;
    font-family: monospace;
    color: rgb(255, 255, 255);
    font-size: 4em;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.word{
    position: absolute;
    transform: translate(0%, -20%);
    animation: switch 8s infinite ease-in-out;   
    font-family: 'IBM Plex Sans', sans-serif;

}

.word:nth-child(1) {
    animation-delay: -3s;
    color: rgb(77 72 39)
}

.word:nth-child(2) {
    animation-delay: -2s;
    color: rgb(77 72 39)
}

.word:nth-child(3) {
    animation-delay: -1s;
}

@keyframes switch {
    0%, 5%, 100%{
        filter: blur(0px);
        opacity: 1;
    }

    50%, 80%{
        filter: blur(100px);
        opacity: 0;
    }
}

#doctor button{
    background-image: url(./img/button.png);
    background-color: transparent;
    color: #088178;
    border: 0;
    padding: 14px 80px 14px 65px;
    cursor: pointer;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    top: 75px;
}