/* font-family: 'Noto Sans', sans-serif; */

/* font-family: 'Share Tech Mono', monospace; */

article{
    font-size: 3vh;
    background-color: #1f1f1f;
}
.flex{
    display: flex;
    justify-content: start;
}
.col{
    flex-direction: column;
    width: 100%;
}
.row{
    flex-direction:row;
}
.flex30p{
    width: 30%;
    color: #f1f1f1;
    padding: 2vh;
    justify-content: end;
    min-height:20vh;
    min-width:10vh;
    align-items: baseline;
}
.flex70p{
    width: 70%;
    padding: 2vh;
    color: #1f1f1f;
    background-color: #f1f1f1;
    font-family: 'Noto Sans', sans-serif;
}
header{
    display: flex;
}
section{
    width: 100%;
}
#cv-title{
    justify-content: center;
    font-family: 'Share Tech Mono', monospace;
    font-size: 5vh;
    padding-top:5vh;
}
.wrap{
    align-items: center;

}
.inner-wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
}
p{
    margin-left:4vh;
}
#ts-icon{
    height: 4vh;
}
#klauzula{
    justify-content: space-between;
    align-items: end;
}
#klauzula p{
    font-size:2vh;
}
#klauzula-hidden{
    display: none;
}
@media screen and (max-width: 900px){
    .row{
        flex-direction: column;
    }
    .flex30p{
        width:100%;
        justify-content: left;
        min-height:0;
        min-width:0;
        padding:0;
        padding-left:3vh;
    }
    .flex70p{
        width:100%;
    }
    #klauzula{
        align-items: start;
    }
    #klauzula p{
        display: none;
    }
    #klauzula-hidden{
        display: flex;
        color: #f1f1f1;
    }
    header .flex30p{
        display: none;
    }
    .row .wrap{
        flex-direction: row;
    }
    #dane{
        flex-direction: column !important;
    }
}