*, body {
   font-family: 'Lora', serif;
   color: #05293e; 
   font-weight: 600;
}


.fw-9 {font-weight: 900;}
.fw-8 {font-weight: 800;}
.fw-7 {font-weight: 700;}
.fw-6 {font-weight: 600;}
.fw-5 {font-weight: 500;}
.fw-4 {font-weight: 400;}
.fw-3 {font-weight: 300;}
.fw-2 {font-weight: 200;}
.fw-1 {font-weight: 100;}
.border-yellow {
  border-left: 3px #083e5e solid;   
}
input {
    border-radius: 30px;
    height: 40px;
    width: 90%;
    text-align: center;
}
input[type="text"] {
    border: 2px solid #cac9ca;
    background: white;}
input::placeholder {font-size: 12px; color: #313b6a;}
input[type="submit"] {
    text-transform: uppercase;
    font-weight: 700;
  background: rgb(8,62,94);
background: linear-gradient(0deg, rgba(8,62,94,1) 0%, rgba(8,62,94,0.8379726890756303) 56%, rgba(8,62,94,0.16850490196078427) 100%);}

input[type='submit']:hover {
  background: rgb(8,62,94);
background: linear-gradient(0deg, rgba(8,62,94,1) 0%, rgba(8,62,94,0.8379726890756303) 56%, rgba(8,62,94,0.16850490196078427) 100%);
}
ul {
    list-style: none;
    padding: 0px;}
li {
    background: url(images/shurval.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 50px;
}
.bg-fon2 > div > div > div:hover > img {
    transform: rotate(1turn);
    transition: 3s;
}
.bg-fon2 > div > div > div> img   {
    transform:  rotate(0eg);
    transition: 3s;}
.bg-fon0 {
    background: #8d8d8d57;
    backdrop-filter: blur(1px);
} 

.bg-fon1 {
    background: url(images/fon.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-fon2 {
    background: url(images/fon2.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

div {border: 0redpx red solid;}