:root{
    /* --bs-primary:#0b1423;
     --bs-primary-rgb:11,20,35;*/
    --bs-link-color:#AABBD3;
    --bs-link-color-rgb:170, 187, 211;
    --bs-link-hover-color-rgb:#99C2FF;
    --bs-link-hover-color-rgb:153,194,255;
}

html{
    width:100vw;
    height:100vh;
}

body{
    width:100vw;
    height:100vh;
}

main{
    width:100vw;
    margin:0;
    padding:0;
}



a{
    text-decoration: none;
}

#header_contact{
    background-color: var(--bs-body-color);
}

footer{
    color: var(--bs-light);
    background-color: var(--bs-body-color);
}

#header_login_bttn{
    border-radius: var(--bs-border-radius-xl);
    cursor:pointer;
    color:var(--bs-light);
    background-color:var(--bs-primary);
    transition:all 0.25s;
}

#header_login_bttn:hover{
    background-color:var(--bs-success);
}

#header_navigation{
    /*border-bottom:1px solid grey;*/
}

.header_navigator_box{
    font-size:1.25rem;
    transition:all 0.5s;
    cursor:pointer;
    border:0.25rem solid transparent;
}

.header_navigator_box:hover{
    border-bottom-color:var(--bs-primary);
}

.social_icon{
    cursor:pointer;
    transition:all 0.25s;
}

.social_icon:hover{
    color:var(--bs-primary) !important;
}

#mainCarousel{
    /*max-height:50vh;*/
}

#mainCarousel .carousel-item{
    max-height:50vh;
}

#mainCarousel .carousel-item img{
  object-fit: cover;
}