@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border_box;
font-family: 'poppins',sans-serif

}
.header
{
position:fixed;
top:0;
left:0;
width:85%;
padding:20px 10%;
background:transparent;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 100;
}
.logo
{
font-size: 25px;
color: #031540;
text-decoration: none;
font-weight: 700;
}
.navbar a{
font-size: 18px;
color: #fff;
text-decoration: none;
font-weight: 500;
margin-left: 35px;
transition: .3s;
}
.navbar a:hover,
.navbar a.active{
                    color: #00abf0;
}
.home{
                    height: 100vh;
                    background: linear-gradient(-90deg,#031540 65%,#fff 65%);
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 0 10%;
}
.home-image{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 200px;
                    height: 300px;
                    background: #fff;
                    align-items: center;
                    border-radius: 50%;
                    border: 25px solid #fff;
}
.home-image img {
                    position: relative;
                    bottom: 22px;
                    max-width: 300px;
                    border-radius:59% ;

}
.home-content{
                    max-width: 600px;
                    color: #fff;
                    text-align: right;
}
.home-content h1{
                    font-size: 44px;
                    line-height: 1.2;
}
.home-content h5 {
                    font-size: 30px;
                    color: transparent;
                    -webkit-text-stroke: .5px #fff;
                    background-image: linear-gradient(#00abf0,#00abf0);
                    background-repeat: no-repeat;
                    -webkit-background-clip: text;
                    background-position: -410px 0;
                    animation: animateText 6s linear infinite;

}
@keyframes animateText {
                    0%,95%,100% {
                                        background-position: -410px 0;


                    }
                    65%,85% {
                                        background-position: 0 0;
                    }
                    
}
.home-content p {
                    font-size: 16px;
      
                    margin-top: 20px;
}

.home-sci a {
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    width: 40px;
                    height: 40px;
                    background: transparent;
                    border: 2px solid #fff;
                    border-radius: 50%;
                    font-size: 20px;
                    color: #00abf0;
                    text-decoration: none;
    
                    margin-left: 12px;
}
.home-sci a:hover {
                    background: #00abf0;
                    color: #fff;
                    border-color: #00abf0;
                    box-shadow: 0 0 10px #00abf0;

}
.btn{
                    padding: 12px 35px;
                    background: #00abf0;
                    border-radius: 40px;
                    font-size: 17px;
                    color: #fff;
                    text-decoration: none;
                    font-weight: 600;
                    letter-spacing: 1px;
                    box-shadow: 0 0 10px #00abf0;
                    transition: .5s;
}
.btn:hover {
                    box-shadow: none;
}