@import "another.css";

html {
    box-sizing: border-box;
    scroll-behavior: smooth;

}

body {
    background: url("../images/bg.jpg");
    min-width: 650px;
}



.navbar div.container {
    background: transparent;
    backdrop-filter: blur(4px);
    box-shadow: 10px 10px 5px 5px rgba(0, 0, 0, 0.5);
    border-radius: 25px ;
    border: rgba(0, 0, 0, 0.2) 1px solid;
}



a.navbar-brand {
    color: #fd0000;
}

a.navbar-brand:hover{
    color: #4b0000;
    font-size: 28px;
}

main {
    background: transparent;
    backdrop-filter: blur(4px);
    box-shadow: 10px 10px 5px 5px rgba(0, 0, 0, 0.5);
    border-radius: 25px ;
    border: rgba(0, 0, 0, 0.2) 1px solid;

}


h1.display-4 {
    color: red;
}


.sticky-sidebar {
    position: sticky;
    top: 100px; /* Расстояние от верхнего края страницы */
    right: 0;
}

.float-start {
    float: left !important;
    backdrop-filter: blur(15px);
    border: #00000026 1px solid;
    border-radius: 15px;
    box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}