ABOUT
======================================*/
.about-mf .box-shadow-full {
padding-top: 4rem;
padding-bottom: 4rem;
}
.about-mf .about-img {
margin-bottom: 2rem;
}
.about-mf .about-img img {
margin-left: 8px;
}
.skill-mf .progress {
/* background-color: #cde1f8; */
margin: .5rem 0 1.2rem 0;
border-radius: 0;
height: .9rem;
background-color: #c8c6d2;
}
.skill-mf .progress .progress-bar {
height: .9rem;
background-color: #380ef3;
}
/* Animation styles */
#typing-animation {
position: relative;
font-size: 30px;
font-weight: bold;
color: rgb(192, 19, 223);
overflow: hidden;
white-space: nowrap;
animation: typing 0.0001ms steps(20, end) infinite;
}
#typing-animation:before {
content: "";
/* position: absolute; */
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #eef3e7;
animation: typing-cursor 0.5s ease-in-out infinite;
}
@keyframes typing {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes typing-cursor {
from {
width: 5px;
}
to {
width: 0;
}
}
/* project image zoom effect */
.zoom-effect {
overflow: hidden;
transition: transform 0.1s ease-out;
}
.zoom-effect:hover {
transform: scale(1.1);
}
.ftco-section {
padding: 4em 0;
}
.resume-link {
display: inline-block;
text-decoration: none;
}
.resume-icon {
display: inline-block;
font-size: 24px; /* Adjust size as needed */
width: 50px; /* Adjust size as needed */
height: 50px; /* Adjust size as needed */
line-height: 48px; /* Center icon vertically */
border-radius: 50%; /* Make the icon circular */
border: 5px solid red; /* Red boundary */
text-align: center; /* Center icon horizontally */
color: black; /* Icon color */
background-color: white; /* Icon background color */
}
.notification {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #333;
color: #fff;
padding: 15px;
text-align: center;
z-index: 1000;
display: none; /* Hidden by default */
}
.notification-content {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.close-btn {
background: none;
border: none;
color: #fff;
font-size: 24px;
cursor: pointer;
}