body{

    margin:0;
    background:#f5f5f2;

    color:#111;

    font-family:Georgia, serif;

}

main{

    width:min(92vw,1000px);

    margin:60px auto 80px;

}

h1{

    text-align:center;

    font-size:2.4rem;

    font-weight:600;

    margin:0 0 36px;

}

#dots{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

    margin-bottom:42px;

}

.dot{

    width:12px;
    height:12px;

    border-radius:50%;

    cursor:pointer;

    transition:.2s;

}

.gallery{

    text-align:center;

}

.gallery img{

    width:100%;

    max-width:900px;

    height:auto;

}

.about{

    max-width:42rem;

    margin:60px auto 0;

    text-align:center;

    line-height:1.7;

}

.links{

    margin-top:2rem;

}

.links a{

    color:#111;

    text-decoration:none;

}

.pair{

    display:flex;
    justify-content:center;
    align-items:flex-end;

    gap:12px;

    max-width:760px;
    margin:40px auto;

}

.pair img{

    width:280px;
    height:auto;

}

.links a:hover{

    text-decoration:underline;

}