body{
    margin: 0px;
    font-family: 'Inter',sans-serif;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background-color: #F8F9E9;
    overflow: scroll;
    overflow-x: hidden;
   }
   

.box{
    width: 360px;
    height: 230px;
    background-color: white;

}

.menu{
    position: absolute;
    position: fixed;
    right: 2px;
    margin-top: 8px;
    z-index: 9999;

}

.nidlogo{
    margin-top: 7px;
    margin-left: 6px;
    position: absolute;

} 

.mainlogo{
    margin-top: 65px;
    margin-left: 35px;
    text-align: center;
    position: absolute;
    
}

.menu{
    position: absolute;
    position: fixed;
    right: 2px;
    margin-top: 8px;
    opacity: 1,0;
}

.stand{
    top: 220px;
    left: 7px;
    position: absolute;
}

.major{
    top: 268px;
    left: 150px;
    position: absolute;
    color: #482F2F;
    text-align: center;
    font-size: 11px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 142.5%; /* 18.525px */
    letter-spacing: 0.39px;

}

.name{
    top: 290px;
    left: 150px;
    position: absolute;
    color: #482F2F;
    text-align: center;
    font-size: 14px;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    line-height: 142.5%; /* 18.525px */
    letter-spacing: 0.39px;

}

.line{
    top: 318px;
    position: absolute;
    left: 150px;

}

.profile{
    top: 330px;
    left: 150px;
    right: 10px;
    position: absolute;
    font-family: Inter;
    color: #482F2F;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 170%; /* 17px */

}

.schedule{
    top: 570px;
    margin: 0px;
    position: absolute;

}

.times9{
    top: 640px;
    left: 15px;
    position: absolute;
}

.school{
    top: 660px;
    left: 150px;
    position: absolute;
    color: #482F2F;
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 142.5%; /* 21.375px */
    letter-spacing: 0.45px;

}

.line1{
    top: 695px;
    left: 29px;
    position: absolute;
}

.times11{
    top: 735px;
    left: 15px;
    position: absolute;
}

.lunchtime{
    top: 756px;
    left: 150px;
    position: absolute;
    color: #482F2F;
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 142.5%; /* 21.375px */
    letter-spacing: 0.45px;

}

.lunch{
    top: 800px;
    left: 55px;
    position: absolute;
}

.lunchtime2{
    padding: 35px;
    top: 998px;
    left: 32px;
    position: absolute;
    color: #482F2F;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 201%; /* 24.12px */

}

.line2{
    top: 800px;
    left: 29px;
    position: absolute;

}

.times13{
    top: 1187px;
    left: 15px;
    position: absolute;
}

.major3{
    top: 1208px;
    left: 150px;
    position: absolute;
    color: #482F2F;
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 142.5%; /* 21.375px */
    letter-spacing: 0.45px;
}

.class1{
    top: 1260px;
    left: 51px;
    position: absolute;
}

.line3{
    top: 1263px;
    left: 29px;
    position: absolute;
}

.class2{
    padding: 35px;
    top: 1455px;
    left: 32px;
    position: absolute;
    color: #482F2F;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 201%; /* 24.12px */

}

.times14{
    top: 1650px;
    left: 15px;
    position: absolute;

}

.major4{
    top: 1671px;
    left: 150px;
    position: absolute;
    color: #482F2F;
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 142.5%; /* 21.375px */
    letter-spacing: 0.45px;
}

.class3{
    top: 1725px;
    left: 53px;
    position: absolute;

}

.line4{
    top: 1725px;
    left: 29px;
    position: absolute;

}

.class4{
    padding: 35px;
    top: 1922px;
    left: 32px;
    position: absolute;
    color: #482F2F;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 201%; /* 24.12px */

}

.times15{
    top: 2115px;
    left: 15px;
    position: absolute;
}

.major5{
    top: 2136px;
    left: 150px;
    position: absolute;
    color: #482F2F;
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 142.5%; /* 21.375px */
    letter-spacing: 0.45px;

}

.cafe{
    top: 2185px;
    left: 53px;
    position: absolute;

}

.line5{
    top: 2190px;
    left: 29px;
    position: absolute;

}

.cafe2{
    padding: 35px;
    top: 2390px;
    left: 32px;
    position: absolute;
    color: #482F2F;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 201%; /* 24.12px */

}

.times18{
    top: 2575px;
    left: 15px;
    position: absolute;

}

.house{
    top: 2599px;
    left: 150px;
    position: absolute;
    color: #482F2F;
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 142.5%; /* 21.375px */
    letter-spacing: 0.45px;
}

.box2{
    top: 2655px;
    position: absolute;

}

.miyu2{
    top: 2743px;
    left: -2px;
    position: absolute;
}

.frame{
    top: 2750px;
    left: 168px;
    position: absolute;
}

.messege{
    top: 2765px;
    left: 198px;
    position: absolute;
    color: #482F2F;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 191%; /* 24.83px */
    letter-spacing: 0.26px;
}

.messege2{
    top: 2782px;
    padding: 15px;
    left: 167px;
    position: absolute;
    color: #482F2F;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 191%; /* 22.92px */
    
}

.girl1{
    top: 2970px;
    left: 18px;
    position: absolute;
}

.check{
    top: 3020px;
    left: 95px;
    position: absolute;
    color: #482F2F;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 209.369%; /* 41.874px */
    letter-spacing: 1.4px;

}

.setumei{
    top: 3060px;
    left: 106px;
    position: absolute;
    color: #482F2F;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.36px;
}

.rei{
    top: 3120px;
    position: absolute;
    left: 30px;
}

.yumi{
    top: 3320px;
    position: absolute;
    left: 29.5px;

}

.back{
    top: 3550px;
    position: absolute;
}