:root{ --color1: rgba(76, 115, 255, 1); --color2: rgba(13, 12, 30, 1); --color3: rgba(255, 255, 255, 1); } @font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-Bold.woff') format('woff'); font-weight: normal; font-style: bold; } @font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu-Medium.woff') format('woff'); font-weight: normal; font-style: medium; } @font-face { font-family: 'Syne'; src: url('../fonts/Syne-Bold.woff') format('woff'); font-weight: normal; font-style: bold; } .navbar { margin: 0; padding: 0; padding-left: 88px; padding-right: 88px; } section{ padding: 65px 0; } .bg-body-color { background-color: rgb(255, 255, 255); } .navbar-brand { margin-right: 40px; } .nav-link.active{ font-family: 'Ubuntu'; font-weight: bold; opacity: 1; } .nav-link { margin-right: 20px; font-family: 'Ubuntu'; font-weight: normal; font-size: 18px; color: var(--color3); opacity: 0.7; } .nav-link:hover { opacity: 1; } .btn{ font-family: 'Ubuntu'; font-weight: normal; font-size: 18px; } .list{ color: rgba(255, 255, 255); font-family: Ubuntu; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; opacity: 0.5; } .bosslist{ color: #FFF; font-family: Ubuntu; font-size: 20px; font-style: normal; font-weight: 500; line-height: 123%; /* 19.68px */ letter-spacing: 0.56px; } .activenav{ color: rgba(255, 255, 255); font-weight: bold; opacity: 1; } .active{ color: rgba(255, 255, 255); font-weight: bold; opacity: 1; } footer{ background: #000; padding-top: 65px; padding-bottom: 0; } .list:hover{ opacity: 1; } .textlist{ white-space: nowrap; } /* --------------------------------------------------------- */ h1{ color: var(--, #0C0C1D); text-align: center; font-family: Ubuntu; font-size: 36px; font-style: normal; } h2{ color: var(--, #0C0C1D); text-align: center; font-family: Ubuntu; font-size: 18px; font-style: medium; font-weight: 400; line-height: normal; } @media (max-width: 380px) { .navbar { padding-left: 0; padding-right: 0; text-align: center; } .navbar-brand { margin-right: 0; } .navbar-toggler { margin-right: 0; } .navbar-nav { flex-direction: column; } .nav-item { margin-right: 0; } } @media (max-width: 170px) { .navbar-toggler { display: block; position: static; margin-top: 10px; } .navbar-brand { display: block; text-align: center; } .navbar-nav { display: none; } } /* --------------------------- */ .section { margin-left: 100px; margin-right: 100px; } .section2{ margin-top: -100px; } @media(max-width: 577px){ .section { margin-left: 0px !important; margin-right: 0px !important; } } @media(max-width: 450px){ .section { font-size: 10px; } .btn-text-adm{ font-size: 12px; } } @media(max-width: 300px){ .section { font-size: 6px; } .btn-text-adm{ font-size: 12px; } }