body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.start {
    width:100%;
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
  }

.main_txt {
  width: 80%;
      position:absolute;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Чтобы текст лучше читался */
}

.about {
align-items: center;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
.about h2{
    text-indent: 2em

}
.main_txt h1{
  text-align: center;
      font-size: 3rem;

}

.start img {
      width:100%;
    height:50vh;
    object-fit:cover;
    max-height:900px;
}

/* контейнер таблицы */

.projects{
    width:90%;
    margin:60px auto;
    border-collapse:collapse;
    font-family:Arial, sans-serif;
    font-size:1.1rem;
    background:white;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    border-radius:10px;
    overflow:hidden;
}

/* шапка таблицы */

.projects thead{
    background:linear-gradient(90deg,#1e3c72,#2a5298);
    color:white;
}

.projects th{
    padding:18px 20px;
    text-align:left;
    font-size:1.1rem;
    letter-spacing:0.5px;
}

/* строки */

.projects td{
    padding:16px 20px;
    border-bottom:1px solid #eee;
}

/* hover строк */

.projects tbody tr{
    transition:0.25s;
}

.projects tbody tr:hover{
    background:#f6f9ff;
    transform:scale(1.01);
}

/* ссылка проекта */

.projects a{
    color:#1e3c72;
    text-decoration:none;
    font-weight:600;
}

.projects a:hover{
    text-decoration:underline;
}

/* чередование строк */

.projects tbody tr:nth-child(even){
    background:#fafafa;
}

/* последняя строка без границы */

.projects tbody tr:last-child td{
    border-bottom:none;
}

@media (max-width:900px){

.projects{
    font-size:1rem;
}

.projects th,
.projects td{
    padding:14px 16px;
}

}


@media (max-width:600px){

.projects thead{
    display:none;
}

.projects,
.projects tbody,
.projects tr,
.projects td{
    display:block;
    width:100%;
}

.projects tr{
    margin-bottom:20px;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    overflow:hidden;
}

.projects td{
    border:none;
    padding:12px 16px;
    position:relative;
}

.projects td:nth-child(1)::before{
    content:"Проект";
    font-weight:600;
    display:block;
    color:#888;
    margin-bottom:4px;
}

.projects td:nth-child(2)::before{
    content:"Автор";
    font-weight:600;
    display:block;
    color:#888;
    margin-bottom:4px;
}

.projects td:nth-child(3)::before{
    content:"Год";
    font-weight:600;
    display:block;
    color:#888;
    margin-bottom:4px;
}

}


.finish{
  background: linear-gradient(90deg,#1e3c72,#2a5298);
}
.me h1{
  color: white;
}