@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,800;1,900&display=swap');
:root{
    --background-color: #333643; 
    --pink-color: #F87652;
}
*{
    font-family: 'Poppins', sans-serif;
}
body{
    
/*     background-image: url('https://gifdb.com/images/high/geometric-spinning-dots-7njo2qo1fzdi0tmv.gif')*/
    background-colour: black;
    background-repeat: no-repeat ;
    background-size: 100% 100%;
}



h1,h2,h3,h4,h5,h6,p,a{
    cursor: pointer;
}

/* navbar */
 .nav_section .navbar-brand{
     font-size: 22px;
 }
 .nav_section .navbar-brand span{
     color: var(--pink-color);
 }
 .nav_section .navbar-nav li{
     margin: 0px 8px;
 }
 .nav_section .navbar-nav li a{
     color: white !important;
     font-size: 15px;
 }
 .nav_section .navbar-nav .nav-link::before{
     content: '';
     width: 0px;
     height: 0px;
     background-color: white;
     position: absolute;
     bottom: 7px;
     transition: 0.5s;
 }
 .nav_section .navbar-nav .nav-link:hover::before{
     content: '';
     height: 2px;
     width: 17px;
     background-color: white;
     position: absolute;
     bottom: 7px;
 }
 /* img css */
 .body-section .row{
     display: flex;
     align-items: center;
     height: 100vh;

 }
 .body-section .row h1,h2,h3,p{
     color: white;
 }
 .body-section .row h3{
     font-size: 19px;
     font-weight: 300;
     margin-bottom: 15px;
 }
 .body-section .row h1:hover{
     font-size: 65px;
     font-weight: 800;
     animation: swing;
     animation-duration: 0.5s;
     color: orangered !important;
 }
 .body-section .row h2{
     font-size: 20px;
     font-weight: 100;
     margin: 8px 0px;
 }
 .body-section .row p{
     font-size: 13px;
     margin-top: 13px;
     line-height: 21px;
     color: #bbbbbb;
 }
 .navbar-toggler-icon {
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: wheat;
    background-image: -moz-linear-gradient(top,#151515,#040404);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404));
    background-image: -webkit-linear-gradient(top,#151515,#040404);
    background-image: -o-linear-gradient(top,#151515,#040404);
    background-image: linear-gradient(to bottom,#151515,#040404);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0);
    border-color: #040404 #040404 #000;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}


 .body-section .row img{

     width: 80%;

 }