Добавила ресурсы.

source/styles/bg-video.css

@@ -0,0 +1,34 @@
+.bgvideo {
+    height: 80vh;
+    width: 100%;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.bgvideo video {
+    height: 80vh;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    object-fit: cover;
+    z-index: 1;
+}
+
+.effect {
+    height: 80vh;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    object-fit: cover;
+    z-index: 2;
+    background-color: rgba(0, 0, 0, 0.412);
+}
+
+.video-text {
+    color: bisque;
+    z-index: 2;
+}

source/styles/mycss.css

@@ -0,0 +1,129 @@
+@import url('https://fonts.googleapis.com/css?family=Exo&display=swap');
+
+body {
+    font-family: Exo, serif;
+    /* background: linear-gradient(0deg, #ffffff 87%, #242424 100%); */
+}
+
+.nav-link {
+    color:rgb(178, 178, 178);
+}
+
+.navbar-nav .nav-link.active {
+    color:rgb(87, 87, 87);
+}
+
+.navbar-brand img {
+    width: 35px;
+}
+
+.navbar-toggler {
+    background-color:rgb(178, 178, 178);
+}
+
+.sidebar {
+    padding-top: 1rem;
+    border: solid;
+    border-radius: 5px;
+    border-width: 1px;
+    border-color: #cecece;
+    color: #242424;
+}
+
+.card-text {
+    padding-bottom: 10px;
+    border-bottom: solid;
+    border-width: 1px;
+    border-color: #cecece;
+    
+}
+
+.card a {
+    text-decoration: none;
+    color:#242424
+}
+
+.btn {
+    /* background-color:rgb(55, 55, 55); */
+    color: rgb(255, 255, 255) !important;
+}
+
+/* .carousel-control-next-icon {
+    background-color: #242424;
+}
+.carousel-control-prev-icon {
+    background-color: #242424;
+} */
+
+.carousel-indicators {
+    margin-bottom: 10px;
+}
+
+.carousel {
+    margin-top: 2rem;
+    background-color: #242424;
+    border-radius: 5px;
+}
+
+.slide-text {
+    color: #cecece;
+    margin: auto auto;
+}
+
+.call-anim {
+    animation: callAnim 2s ease 0s infinite normal forwards;
+}
+
+@keyframes callAnim {
+	0%,
+	100% {
+		transform: translateX(0%);
+		transform-origin: 50% 50%;
+	}
+
+	15% {
+		transform: translateX(-8px) rotate(-6deg);
+	}
+
+	30% {
+		transform: translateX(8px) rotate(6deg);
+	}
+
+	45% {
+		transform: translateX(-5px) rotate(-3.6deg);
+	}
+
+	60% {
+		transform: translateX(4px) rotate(2.4deg);
+	}
+
+	75% {
+		transform: translateX(-2px) rotate(-1.2deg);
+	}
+}
+
+@media (max-width: 755px) {
+    .carousel-indicators {
+        display: none;
+    }
+}
+
+footer {
+    border-top: solid;
+    border-width: 1px;
+    border-color:#cecece;
+}
+
+.footer-text {
+    margin: auto auto;
+}
+
+.media-links {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.btn-outline-primary {
+    background-color: #242424;
+}