* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    font-size: 14px;
}


.v2_48 {
    /* width: 375px;
    height: 667px; */
    width: 100vw;
    height: 100vh;
    background: rgba(46, 43, 41, 1);
    opacity: 1;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.v2_50 {
    width: 237px;
    height: 104px;
    opacity: 1;
    position: absolute;
    top: 89px;
    left: 40vw;
    overflow: hidden;
}

.v2_51 {
    width: 331px;
    height: 41px;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 265px;
    left: 35vw;
    border: 1px solid rgba(129, 106, 46, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    color: rgba(170, 157, 157, 1);
    /*top: 274px;*/
    /*left: 45px;*/
    padding-left: 25px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 18px;
    opacity: 1;
    text-align: left;
}

.v2_57 {
    width: 91px;
    color: rgba(229, 227, 227, 1);
    position: absolute;
    top: 230px;
    left: 35vw;
    font-family: Inter;
    font-weight: Bold;
    font-size: 18px;
    opacity: 1;
    text-align: left;
}

.v2_59 {
    width: 87px;
    color: rgba(229, 227, 227, 1);
    position: absolute;
    top: 319px;
    left: 35vw;
    font-family: Inter;
    font-weight: Bold;
    font-size: 18px;
    opacity: 1;
    text-align: left;
}

.v2_52 {
    width: 331px;
    height: 41px;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 349px;
    left: 35vw;
    border: 1px solid rgba(129, 106, 46, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    color: rgba(170, 157, 157, 1);
    /*top: 359px;
    left: 45px;*/
    padding-left: 25px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 18px;
    opacity: 1;
    text-align: left;
}

.v2_53 {
    width: 333px;
    height: 43px;
    background: rgba(201, 141, 52, 1);
    opacity: 1;
    position: absolute;
    top: 410px;
    left: 35vw;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    color: rgba(255, 255, 255, 1);
    /*top: 421px;*/
    /*margin-left: 156px;*/
    font-family: Inter;
    font-weight: Bold;
    font-size: 18px;
    text-align: center;
}

/*akhir style login*/

/* awal style home */
.v1_2 {
    width: 375px;
    height: 800px;
    /* width: 100vw;
    height: 100vh; */
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: relative;
    top: 0px;
    left: 40vw;
    overflow: hidden;
}

.v1_3 {
    width: 375px;
    /* width: 100vw; */
    height: 241px;
    background: rgba(45, 42, 40, 1);
    opacity: 1;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.v1_4 {
    width: 375px;
    height: 563px;
    /* width: 100vw; */
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 104px;
    left: 0px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow: hidden;
}

.v1_5 {
    width: 334px;
    height: 122px;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 46px;
    left: 20px;
    /* left: 15px; */
    border: 1px solid rgba(131, 71, 15, 1);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.v2_7 {
    width: 86px;
    height: 76px;
    /*background: url("../images/v2_7.png");*/
    /*background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;*/
    opacity: 1;
    position: absolute;
    top: 62px;
    left: 44px;
    overflow: hidden;
}

.v2_8 {
    width: auto;
    color: rgba(117, 87, 9, 1);
    position: absolute;
    top: 97px;
    left: 151px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 18px;
    opacity: 1;
    text-align: left;
}

.v2_10 {
    width: 155px;
    color: rgba(117, 87, 9, 1);
    position: absolute;
    top: 74px;
    left: 151px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 20px;
    opacity: 1;
    text-align: left;
}

.v2_9 {
    width: 123px;
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 124px;
    left: 151px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 12px;
    opacity: 1;
    text-align: left;
}

.v2_11 {
    width: 68px;
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 182px;
    left: 20px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 18px;
    opacity: 1;
    text-align: left;
}

.v2_19 {
    width: 122px;
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 276px;
    left: 19px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 18px;
    opacity: 1;
    text-align: left;
}

.v2_40 {
    width: 73px;
    /* color: rgba(0, 0, 0, 1); */
    position: absolute;
    top: 282px;
    left: 147px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 10px;
    opacity: 1;
    text-align: left;
}

.v2_22 {
    width: 52px;
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 380px;
    left: 22px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 18px;
    opacity: 1;
    text-align: left;
}

.v2_12 {
    width: 163px;
    height: 43px;
    background: rgba(201, 141, 52, 1);
    opacity: 1;
    position: absolute;
    top: 216px;
    left: 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
}

.v2_13 {
    width: 163px;
    height: 43px;
    background: rgba(201, 141, 52, 1);
    opacity: 1;
    position: absolute;
    top: 216px;
    left: 191px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
}

.v2_14 {
    width: 81px;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 229px;
    left: 60px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 14px;
    opacity: 1;
    text-align: left;
}

.v2_16 {
    width: 79px;
    color: rgba(250, 242, 242, 1);
    position: absolute;
    top: 230px;
    left: 235px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 14px;
    opacity: 1;
    text-align: left;
}

.v2_20 {
    width: 161px;
    height: 56px;
    background: rgba(86, 78, 74, 1);
    opacity: 1;
    position: absolute;
    top: 309px;
    left: 22px;
    border: 1px solid rgba(0, 0, 0, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.v2_21 {
    width: 163px;
    height: 56px;
    background: rgba(86, 78, 74, 1);
    opacity: 1;
    position: absolute;
    top: 309px;
    left: 191px;
    border: 1px solid rgba(0, 0, 0, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.v2_23 {
    width: 331px;
    height: 41px;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    position: absolute;
    top: 412px;
    left: 23px;
    border: 1px solid rgba(129, 106, 46, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    overflow: hidden;

    /*width: 190px;*/
    color: rgba(174, 162, 162, 1);
    /*position: absolute;
    top: 423px;
    left: 35px;*/
    padding-left: 12px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 14px;
    /*opacity: 1;*/
    text-align: left;
}

#layout-tugas {
    position: absolute;
    top: 463px;
    left: 25px;
}

.v2_25 {
    display: flex;
    align-items: center;
    position: relative;
    width: 329px;
    height: 56px;
    background: rgba(229, 226, 226, 1);
    opacity: 1;

    border: 1px solid rgba(129, 106, 46, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    margin-bottom: 8px;
    padding: 8px;

    /*color: rgba(0,0,0,1);
    font-family: Inter;
    font-weight: Regular;
    font-size: 12px;
    opacity: 1;
    text-align: left;*/
}

.v2_27 {
    width: 35px;
    height: 35px;
    margin-right: 8px;
}

.v2_28 {
    /*width: 257px;*/
    color: rgba(0, 0, 0, 1);
    /*position: absolute;*/
    /*top: 475px;
    left: 74px;*/
    font-family: Inter;
    font-weight: Regular;
    font-size: 12px;
    opacity: 1;
    text-align: left;
}

.v2_29 {
    /*width: 85px;*/
    color: rgba(0, 0, 0, 1);
    /*position: absolute;
    top: 492px;
    left: 75px;
*/
    font-family: Inter;
    font-weight: Bold;
    font-size: 10px;
    opacity: 1;
    text-align: left;
}

.v2_30 {
    width: 329px;
    height: 56px;
    background: rgba(229, 227, 227, 1);
    opacity: 1;
    position: absolute;
    top: 527px;
    left: 25px;
    border: 1px solid rgba(129, 106, 46, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.v2_31 {
    width: 35px;
    height: 35px;
    background: url("../images/v2_31.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 535px;
    left: 35px;
    overflow: hidden;
}

.v2_32 {
    width: 257px;
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 539px;
    left: 74px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 12px;
    opacity: 1;
    text-align: left;
}

.v2_33 {
    width: 85px;
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 556px;
    left: 75px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 10px;
    opacity: 1;
    text-align: left;
}

.v2_34 {
    width: 329px;
    height: 56px;
    background: rgba(229, 227, 227, 1);
    opacity: 1;
    position: absolute;
    top: 590px;
    left: 25px;
    border: 1px solid rgba(129, 106, 46, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.v2_35 {
    width: 35px;
    height: 35px;
    background: url("../images/v2_35.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 598px;
    left: 35px;
    overflow: hidden;
}

.v2_36 {
    width: 257px;
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 602px;
    left: 74px;
    font-family: Inter;
    font-weight: Regular;
    font-size: 12px;
    opacity: 1;
    text-align: left;
}

.v2_37 {
    width: 85px;
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 619px;
    left: 75px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 10px;
    opacity: 1;
    text-align: left;
}

.v2_38 {
    width: 25px;
    height: 25px;
    /*background: url("../images/v2_38.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;*/
    opacity: 1;
    position: absolute;
    top: 379px;
    left: 83px;
    overflow: hidden;
    text-align: center;
}

.v2_39 {
    width: 25px;
    height: 24px;
    opacity: 1;
    position: absolute;
    top: 380px;
    left: 114px;
    overflow: hidden;
    text-align: center;
}

.v2_42 {
    width: 32px;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 314px;
    left: 84px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 12px;
    opacity: 1;
    text-align: left;
}

.v2_43 {
    width: 68px;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 315px;
    left: 251px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 12px;
    opacity: 1;
    text-align: left;
}

.v2_45 {
    width: 27px;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 331px;
    left: 253px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 24px;
    opacity: 1;
    text-align: left;
}

.v2_46 {
    width: 33px;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 329px;
    left: 83px;
    font-family: Inter;
    font-weight: Bold;
    font-size: 24px;
    opacity: 1;
    text-align: left;
}

/* akhir style home */
/* #content {
    width: 100vw;
    display: flex;
    justify-content: center;
    position: absolute;
} */