<commit_before>/*Mobile version*/
@media only screen and (max-device-width: /*480*/3000px){
    /**{border: 1px solid red;}*/
    *{font-family: "Calibri Light", "Calibri", sans-serif}

    /*TODO: find a better way to position elements*/
    /*TODO: move card__content up in container*/
    .custbtn-container{
        display: flex;
        /*align-items: center;*/
        justify-content: center;
    }

    .custbtn{
        position: fixed;
        font-size: 3em !important;
    }
    /*TODO: Find a solution that doesn't use !important'*/

    .custbtn:active{
        color: #0f0f0f;
    }

    .custbtn--off{
        color:lightgrey;
    }
    /*TODO: improve colors for UX*/

    .custbtn--prev{
        top: 3vh;
        z-index: 99999 !important;
    }
    /*FIXME: THIS IS SO BAD*/

    .custbtn--next{
        bottom: 15vh; /*ideal for web but not mobile*/
    }

    /*TODO: changed the heights of stuff to make the prog bar slimmer, check if that fucked anything up*/
    .container{
        width: 100vw;
        /*height: 78vh;*/
        height:100vh;
        border-color: green;
    }

    /*space for cards, buttons go on top of cards and stay put regardless of scroll*/
    .card-container{
        bottom: 5vh;
        border-color: green;
    }

    /*scrollable section*/
    ul.card-list{
        flex: inherit;
        padding: 0;
        margin: 0;
        border-color: blue;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .card{
        height: 77vh;
        list-style: none;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    .card__content{
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    /*DESKTOP ONLY*/
    /*.comment--container{*/
        /*width: 100%;*/
        /*display: flex;*/
        /*align-content: baseline;*/
        /*justify-content: center;*/
        /*position: absolute;*/
        /*top: 15vh;*/
    /*}*/

    /*.form-group{*/
        /*min-width: 45%;*/
    /*}*/

    /*#comment{*/
        /*height: 80%; //beautiful*/
    /*}*/

    .comment--container{
        bottom: 5vh;
    }

    .content__text-area{
        font-size: 2em;
        text-align: center;
    }
    /*FIXME: This does not looked centered for some reason*/

    .content__star-caption{
        height: 2em;
        font-size: 2em;
        color: #c5c5c5;
    }

    .text-area--question{
        position: relative;
        display: flex;
        justify-content: center;
    }

    .question__container{
        border-color: yellow;
        height: 77%;
        width: 85%;
        padding: 2vh;
        position: absolute;
        top: 2vh;
        display: flex;
        align-items: center;
    }
    /*yaaay*/

    .question__text{
        border-color: blue;
        /*position: absolute;*/
        width: 100%;
        color: white;
        font-size: 1.5em;
        text-align: center;
        /*top: 5vh;*/
    }
<commit_msg>works on iOS devices maybe<commit_after>/*Mobile version*/
@media only screen and (max-device-width: /*480*/3000px){
    /**{border: 1px solid red;}*/
    *{font-family: "Calibri Light", "Calibri", sans-serif}

    /*TODO: find a better way to position elements*/
    /*TODO: move card__content up in container*/
    .custbtn-container{
        display: flex;
        display: -webkit-flex;
        /*align-items: center;*/
        justify-content: center;
    }

    .custbtn{
        position: fixed;
        font-size: 3em !important;
    }
    /*TODO: Find a solution that doesn't use !important'*/

    .custbtn:active{
        color: #0f0f0f;
    }

    .custbtn--off{
        color:lightgrey;
    }
    /*TODO: improve colors for UX*/

    .custbtn--prev{
        top: 3vh;
        z-index: 99999 !important;
    }
    /*FIXME: THIS IS SO BAD*/

    .custbtn--next{
        bottom: 15vh; /*ideal for web but not mobile*/
    }

    /*TODO: changed the heights of stuff to make the prog bar slimmer, check if that fucked anything up*/
    .container{
        width: 100vw;
        /*height: 78vh;*/
        height:100vh;
        border-color: green;
    }

    /*space for cards, buttons go on top of cards and stay put regardless of scroll*/
    .card-container{
        bottom: 5vh;
        border-color: green;
    }

    /*scrollable section*/
    ul.card-list{
        flex: inherit;
        -webkit-flex: inherit;
        padding: 0;
        margin: 0;
        border-color: blue;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .card{
        height: 77vh;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        flex-flow: column;
        -webkit-flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    .card__content{
        display: flex;
        display: -webkit-flex;
        flex-flow: column;
        -webkit-flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    /*DESKTOP ONLY*/
    /*.comment--container{*/
        /*width: 100%;*/
        /*display: flex;*/
        /*align-content: baseline;*/
        /*justify-content: center;*/
        /*position: absolute;*/
        /*top: 15vh;*/
    /*}*/

    /*.form-group{*/
        /*min-width: 45%;*/
    /*}*/

    /*#comment{*/
        /*height: 80%; //beautiful*/
    /*}*/

    .comment--container{
        bottom: 5vh;
    }

    .content__text-area{
        font-size: 2em;
        text-align: center;
    }
    /*FIXME: This does not looked centered for some reason*/

    .content__star-caption{
        height: 2em;
        font-size: 2em;
        color: #c5c5c5;
    }

    .text-area--question{
        position: relative;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
    }

    .question__container{
        border-color: yellow;
        height: 77%;
        width: 85%;
        padding: 2vh;
        position: absolute;
        top: 2vh;
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }
    /*yaaay*/

    .question__text{
        border-color: blue;
        /*position: absolute;*/
        width: 100%;
        color: white;
        font-size: 1.5em;
        text-align: center;
        /*top: 5vh;*/
    }

{'fraction_non_alphanumeric': 0.13822552585797881, 'fraction_numerical': 0.019294638620907797, 'mean_word_length': 1.6229780174201576, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5595942', 'n_tokens_mistral': 2179, 'n_tokens_neox': 1998, 'n_words': 522}