154 lines
2.4 KiB
CSS
154 lines
2.4 KiB
CSS
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "HachiMaruPop-Regular";
|
||
|
|
src: url("../fonts/HachiMaruPop-Regular.ttf") format("truetype");
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Imbue";
|
||
|
|
src: url("../fonts/Imbue.ttf") format("truetype");
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
background-image: url("../img/fon.png");
|
||
|
|
background-attachment: fixed;
|
||
|
|
background-size: cover;
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
body, html {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
color: black;
|
||
|
|
font-family: Impact, sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
/* шапка */
|
||
|
|
.navbar-nav li {
|
||
|
|
border: none;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-link {
|
||
|
|
white-space: nowrap;
|
||
|
|
background-color: #DBDD7C;
|
||
|
|
border-radius: 17px;
|
||
|
|
font-style: italic;
|
||
|
|
font-style: none;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 991px) {
|
||
|
|
.nav-link {
|
||
|
|
background-color: transparent;
|
||
|
|
border-radius: 0;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.nav-link:hover{
|
||
|
|
transition: 1s;
|
||
|
|
opacity: 0.8;
|
||
|
|
background: #c0c264;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav.navbar{
|
||
|
|
background-color: #F5F6BE !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navv{
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media (max-width: 991px) {
|
||
|
|
.navv {
|
||
|
|
display:block;
|
||
|
|
justify-content:center;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Середина */
|
||
|
|
.back{
|
||
|
|
background-color: #D0D26E;
|
||
|
|
padding-top: 20px;
|
||
|
|
margin-bottom: -22px;
|
||
|
|
padding-bottom: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stil{
|
||
|
|
font-size: 16px !important;
|
||
|
|
font-family: Impact, sans-serif;
|
||
|
|
margin-left: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.stil2{
|
||
|
|
margin-left: 50px;
|
||
|
|
font-size: 36px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.but2:hover{
|
||
|
|
background-color: #160C57 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-body{
|
||
|
|
background: none;
|
||
|
|
border-radius: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card{
|
||
|
|
background: #F5F6BE;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* подвал */
|
||
|
|
|
||
|
|
footer{
|
||
|
|
background: #1C1919;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text_{
|
||
|
|
font-family: 'Times New Roman', Times, serif;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text_1{
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media (max-width: 270px ) {
|
||
|
|
.stil{
|
||
|
|
font-size: 15px !important;
|
||
|
|
margin-left: 0px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.brand{
|
||
|
|
width: 200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
body, html {
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 220px ) {
|
||
|
|
.brand{
|
||
|
|
width: 150px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 272px ) {
|
||
|
|
.stil2{
|
||
|
|
margin-left: 10px !important;
|
||
|
|
font-size: 25px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|