@charset "UTF-8";

.detail-team{
    width: 60%;
    margin: 5% auto 2.5% auto;
    padding: 5%;

    font-family: "Roboto", ""Noto Sans JP"", sans-serif;
    font-weight: normal;

    background-color: #f7f7f8;

    border-radius: 25px;

    filter: drop-shadow(5px 5px 10px silver);

    transform: scale(1);
    transition: all .3s;
}

.detail-team:hover{
    transform: scale(1.02);
}

.detail-team h3{
    font-size: 7.5rem;
    font-family: "JetBrains Mono", ""Noto Sans JP"", monospace;
    font-weight: 800;
    color: #f7a80a;

    background-color: #191e31;

    padding: 2%;
    margin-bottom: 4%;
    line-height: 2;

    border-radius: 10px;
}

.detail-team h3::before{
    content: '002 | printf(" ';

    position: relative;
    bottom: 1.5vh;

    font-size: 2.7rem;
    color: #ffffff;
}

.detail-team h3::after{
    content: ' ");';

    position: relative;
    bottom: 1.5vh;

    font-size: 2.7rem;
    color: #ffffff;
}

.detail-team p{
    line-height: 1.8;
    font-size: 1.8rem;
}

.detail-team p strong{
    display: inline-block;

    width: 100px;

    text-align: center;

    font-size: 2.2rem;
    font-weight: normal;

    border-bottom: #bed555 3px solid;
    border-radius: 1.5px;

    color: #1c1c1d;

    transition: all .3s;
}

.detail-team p strong:hover{
    width: 120px;
}

.detail-member{
    width: 60%;
    margin: 5% auto 2.5% auto;
    padding: 5%;

    font-family: "Roboto", "Noto Sans JP", sans-serif;
    font-weight: normal;

    background-color: #f7f7f8;

    border-radius: 25px;

    filter: drop-shadow(5px 5px 10px silver);

    transform: scale(1);
    transition: all .3s;
}

.detail-member:hover{
    transform: scale(1.02);
}

.detail-member h4{
    font-size: 5rem;
    font-family: "Roboto", "Noto Sans JP", sans-serif;
    font-weight: bold;
    color: #1c1c1d;
}

.detail-member .member{
    padding: 2%;
    margin: 1% auto 1% auto;

    filter: drop-shadow(3px 3px 6px silver);
    border-radius: 20px;

    background-color: #f7f7f8;

    transform: scale(1);
    transition: all .15s;
}

.detail-member .member:hover{
    transform: scale(1.02);
}

.detail-member{
    line-height: 1.8;
    font-size: 1.8rem;
}

.detail-member h5{
    font-size: 2.3rem;
    font-family: "JetBrains Mono", "Noto Sans JP", monospace;
    font-weight: bold;
    color: #1c1c1d;
}

.link-to-latest{
    text-decoration: none;
    color: #1c1c1d;
}

.link-to-latest-h3{
    display: block;
    width: 60%;
    margin: 5% auto 2.5% auto;
    padding: 2% 5%;

    font-family: "Roboto", "Noto Sans JP", sans-serif;
    font-weight: normal;

    background-color: #bed555;

    border-radius: 25px;

    filter: drop-shadow(5px 5px 10px silver);

    transform: scale(1);
    transition: all .3s;

    color: #1c1c1d;;
    text-decoration: none;
    font-size: 2.3rem;
    text-align: center;
}

.link-to-latest-h3:hover{
    transform: scale(1.02);
}
/*==================================================*/

/*==================================================*/
/*タブレット用*/
@media screen and (max-width: 959px){

}
/*==================================================*/

/*==================================================*/
/*スマホ用*/
@media screen and (max-width: 480px){
}
/*==================================================*/