Участник:Математические маги: различия между версиями

Материал из wiki Владимир
Перейти к навигации Перейти к поиску
Строка 1: Строка 1:
[[Сетевой проект Две звезды в созвездии Числа/Страница команды Математические маги|Страница команды Математические маги|]];
[[Сетевой проект Две звезды в созвездии Числа/Страница команды Математические маги|Страница команды Математические маги|]];
/* style.css */
body {
    font-family: sans-serif;
    margin: 0;
    background-color: #000080; /* Dark blue background */
    color: white;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
header {
    text-align: center;
    padding: 2em 0;
}
.main-content {
    width: 80%;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff00; /* Light blue background */
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.math-image{
  margin: 20px;
  text-align: center;
}
.math-image img{
  max-width: 400px;
}
.team-member {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #203464;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.team-member img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 20px;
}
.member-info h3 {
    margin-bottom: 5px;
    color: white;
}
.member-info p{
    color: lightgray;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .team-member {
        flex-direction: column;
        text-align: center;
    }
    .team-member img{
      margin-right: 0;
      margin-bottom: 10px;
    }
}

Версия 21:50, 31 января 2025

Страница команды Математические маги|; /* style.css */

body {

   font-family: sans-serif;
   margin: 0;
   background-color: #000080; /* Dark blue background */
   color: white;
   display: flex;
   flex-direction: column;
   min-height: 100vh;

}

header {

   text-align: center;
   padding: 2em 0;

}

.main-content {

   width: 80%;
   max-width: 900px;
   margin: 0 auto;
   padding: 20px;
   background-color: #ffffff00; /* Light blue background */
   border-radius: 5px;
   display: flex;
   flex-direction: column;
   align-items: center;

}

.math-image{

 margin: 20px;
 text-align: center;

}

.math-image img{

 max-width: 400px;

}

.team-member {

   display: flex;
   align-items: center;
   margin-bottom: 20px;
   padding: 15px;
   background-color: #203464;
   border-radius: 8px;
   box-shadow: 0 0 10px rgba(0,0,0,0.2);

}

.team-member img {

   width: 80px;
   height: 80px;
   border-radius: 50%;
   margin-right: 20px;

}

.member-info h3 {

   margin-bottom: 5px;
   color: white;

}

.member-info p{

   color: lightgray;

}

/* Responsive adjustments */ @media (max-width: 768px) {

   .team-member {
       flex-direction: column;
       text-align: center;
   }
   .team-member img{
     margin-right: 0;
     margin-bottom: 10px;
   }

}