@import url('https://fonts.googleapis.com/css2?family=Montagu+Slab&family=Playfair+Display:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit&display=swap');
*{
    margin: 0 auto;
    padding: 0;
  
   
}


body{
    width: 1100px;
    height: 1000px;
    background-size: cover;
    background-position: center;
    background-color: rgb(184, 181, 181);
    font-family:'Outfit', sans-serif;
 
}
header{
    width: 100%;
    height: 130px;
     display: flex;
    justify-content: center;
    border-radius: 0 0 10px 10px; 
    background-color: white; 
    z-index: -2;
                               
}
.icp{
    font-family:'Outfit', sans-serif;
    font-size: 1.6em;
    font-weight: bold; 
    margin-top: 50px;
}

.foto1{
    width: 150px;
    height: 105px;
    margin-left: 20px;
    margin-top: 15px;

    
}

.logo{
 position: relative;
 margin-top: 15px;
 margin-right: 10px;
 z-index: 1;
}
.foreign{
    width: 250px;
    margin-top: 8px;
    }
.qlobus{
    width: 80px;
    position: absolute;
    z-index: -1;
    margin-left: -110px;
    margin-top: -2px;
 
}
span{
    font-size: 25px;
    font-family:'Outfit', sans-serif;
    color: #003366;
}
.navbar{
    width: 100%;
    height: 90px;
    background-color: #003366;
    border-radius: 10px;
    
  
}
.navbar ul{
    width: 100%;
    height: 90px;
    display: flex;
    text-align: center;
    align-items: center;
    list-style: none;
    font-size: 14.5px;
}
.navbar ul li{
    width: 150px;
    text-align: center;
    font-family:'Outfit', sans-serif;

}
li a {
    text-decoration: none;
    color:white ;
}

.navbar a:hover{

    color: rgb(255, 145, 0);
    transition: ease 1s;
  text-decoration: unset;
}
.container{
    width: 1100px;
    height: 4200px;
    background-color: white ;
    border-radius: 10px;

    
}
.container h1{
    text-align: center;
padding-top: 25px;
padding-bottom: 25px;
font-family:'Outfit', sans-serif;
color: #003366;
}
.container span{
    font-size: 19px;
word-spacing: 5px;

   
}
.container a{
    text-decoration: none;
    color:#003366;

}
.container a:hover{
    color: rgb(107, 0, 0);
    transition: ease 1s;
}
.fd{ 
    width: 1100px;
    height: 700px;
    display: flex;
   
}
.faculties{
    width: 500px;
   height: 500px;
  
}
.departments{
    width:500px;
   height: 500px;
   
}
h2{
text-align: center;
font-family:'Outfit', sans-serif;
color: #003366;
text-decoration: underline;
}

.faculties ul{
    padding-left: 80px;
    padding-top: 15px;
    font-size: 19px;
    color: #003366;
    
}
.departments ul{
  border-left: 1px solid #003366;
    padding-left: 80px;
    padding-top: 15px;
    font-size: 19px;
    color: #003366;
    
}
.faculties img{
    width: 100%;
    padding-top: 80px;
   
}

.icd h2{
    text-decoration: none;
}
.icd ul{
    margin-left: 80px;
    margin-right: 80px;
   list-style: square;
    padding-top: 10px;
    font-size: 19px;
    color:#003366;
}

.slider{
    width:700px;
    height: 500px;
    overflow: hidden;
    border: 20px solid white;
    margin-top: 50px;
}


.navigation{
    position: absolute;
    left: 50%;
   transform: translateX(-50%);
   display: flex;

}
.bar{
    height: 8px;
    width: 30px;
    margin: 6px;
    cursor: pointer;
    background-color: #003366;
    opacity: .6;
    border-radius: 10px;
    border: 1px solid rgb(113, 113, 121);
    transition: all .4s ease;
}
.bar:hover{
    opacity: 1;
    transition: scale(1.1);
}
input[name="r"] {
    position: absolute; 
    visibility: hidden;   
}
.slides{
width: 1100%;
    height: 100%;
    display: flex;
}
.slide{
width:20%;
background-position: center;
    transition: all .6s ease;
    
}
.slide img{
    width: 700px;
    height:450px; 
}

#r1:checked ~ .s1 {
    margin-left: 0;
}
#r2:checked ~ .s1 {
    margin-left: -10%;
}
#r3:checked ~ .s1 {
    margin-left: -22.2%;
}
#r4:checked ~ .s1 {
    margin-left: -37.5%;
}
#r5:checked ~ .s1 {
    margin-left: -57.1%;
}
#r6:checked ~ .s1 {
    margin-left: -83.3%;
}
#r7:checked ~ .s1 {
    margin-left: -120%;
}
#r8:checked ~ .s1 {
    margin-left: -180%;
}
#r9:checked ~ .s1 {
    margin-left: -288%;
}
#r10:checked ~ .s1 {
    margin-left: -540%;
}
#r11:checked ~ .s1 {
    margin-left: -1800%;
}
footer{
    width: 100%;
    height: 150px;
    background-color:#003366 ;
    border-radius: 10px;}
footer p{
    font-size: 17px;
    color: white;
    text-align: center;
    padding-top:20px;
    font-family:'Outfit', sans-serif;
}

.sosial{
    text-align: center;
}
.sosial i{
    font-size: 30px;
    white-space: pre-wrap;
    color: white;
    padding: 15px;
    
}
 .sosial a:hover i{
     transition: ease 1s;
     color: rgb(255, 145, 0);;
 }
 .animate__animated.animate__rotateIn{
    --animate-duration: 1.5s;
  }
  p{
    padding: 0px 80px 0px 80px;
      text-indent: 30px ;
      font-size:19px;
   
      text-align: justify;
      color: #003366;
      font-family:'Outfit', sans-serif;
  }
  .design{
      width: 100%;
      height: 30px;
     border-radius: 10px;
      background-color: #003366;
      margin-top: 15px;
  }
  .design p{
      color: white;
      text-align: end;
      font-size: 12px;
     padding-top: 8px;
     font-family:'Outfit', sans-serif;
  }
  button a{
      text-decoration: none;
      color: white;
      text-align: center;
      align-items: center;
      font-family:'Outfit', sans-serif;
     
  }
  header button{
    width: 30px;
    height: 30px;
   border-radius: 10px;
 background-color: #003366;
 margin-top: 5px;

 margin-right: 5px;
      
  }
  button:hover{
      background-image: url(russia.png);
      background-size: cover;
      background-position: center;
  }
  header a:hover{
opacity: 0;
transition: ease 1s;
  }