/*

    index.css
    2025 coded by Okamoto

*/

@charset "utf-8";

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

html{
    background-color: #00CAFF;
    color: #FFFFFF;
    font-family: "Yusei Magic", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    font-optical-sizing: auto;
}

body{
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#background_image{
    object-fit: cover;
    top: 0px;
    left: 0px;
}

#main_image{
    top: 0px;
    left: 0px;
    position: absolute;
}

h1{
    position: absolute;
    top: 133px;
    left: 2px;
}

#time{
    top: 299px;
    left: 300px;
    position: absolute;
    line-height: 35px;
}

#nowtime{
    font-size: 48px;
    text-align: center;
    letter-spacing: 3px;
}

o{
    top: 616px;
    left: 185px;
    position: absolute;
}

p{
    top: 616px;
    right: 10px;
    position: absolute;
}


g{
    font-size: 48px;
    top: 674px;
    left: 20px;
    position: absolute;
}

b{
    font-size: 96px;
    top: 640px;
    left: 240px;
    position: absolute;
    letter-spacing: 10px;
}

c{
    font-size: 30px;
    top: 714px;
    right: 20px;
    position: absolute;
    letter-spacing: 3px;
}

d{
    font-size: 42px;
    top: 804px;
    left: 40px;
    position: absolute;
}

e{
    font-size: 72px;
    top: 770px;
    left: 266px;
    position: absolute;
    letter-spacing: 10px;
}

f{
    top: 825px;
    right: 25px;
    position: absolute;
    letter-spacing: 3px;
}

dia{
    font-size: 21px;
    top: 865px;
    right: 85px;
    position: absolute;
    letter-spacing: 1px;
}

#arrival{
    top: 610px;
    left: 360px;
    position: absolute;
}

#timetable{
    top: 910px;
    left: 240px;
    position: absolute;
}

lab{
    top: 990px;
    left: 240px;
    position: absolute;
}

.black{
    color:black;
}

dye{
    color:#00CAFF;
}