/*

    index.css
    2026 coded by R.oshita

*/

@charset "utf-8";

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

html {
    background-color: #000;
    color: #ffffff;
    font-family: itc-avant-garde-gothic-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
}

body {
    width: 1170px;
    height: 3485.67px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#logo_image {
    width: 675px;
    position: absolute;
    top: 172.3922px;
    left: 68.7921px;
    
}

#highlight {
    color: orange;
}

#language {
    color: white;
    text-decoration: none;
    font-size: 48.7px;
    font-weight: 300;
    position: absolute;
    top: 0px;
    left: -72px;
    transition: 0.3s color ease-in-out;
    
}

#language:hover{
    color: orange;
}    

nav {
    font-size: 48.7px;
    font-weight: 300;
    position: absolute;
    top: 225px;
    left: 1035px;
}

h1 {
    position: absolute;
    top: 607.6188px;
    left: 38.0479px;
}

h1 img {
    width: 1102px;
}

h2 {
    font-size: 236px;
    font-weight: 300;
    position: absolute;
    top: 1003.321px;
    left: 68.5775px;
}

h3 {
    font-size: 59px;
    font-weight: 500; 
    position: absolute;
    top: 909.4167px;
    left: 68.5775px;
}

h4 {
    font-size: 83.75px;
    font-weight: 500; 
    position: absolute;
    top: 1393.8738px;
    left: 68.5775px;
    
}

h5 {
    font-size: 59px;
    font-weight: 500; 
    position: absolute;
    top: 1313px;
    left: 68.5775px;
}

h6 {
    font-size: 128.36px;
    font-weight: 300;
    color: #C9CACA;
    position: absolute;
    top: 1030px;
    left: 796.8374px;
}

h7 {
    font-size: 59px;
    font-weight: 500; 
    color: #C9CACA;
    position: absolute;
    top: 909.4167px;
    left: 796.8374px;
}

h8 {
    font-size: 83.75px;
    font-weight: 500; 
    color: #C9CACA;
    position: absolute;
    top: 1286.6721px;
    left: 796.8374px;
    

}

h9 {
    font-size: 59px;
    font-weight: 500; 
    color: #C9CACA;
    position: absolute;
    top: 1210px;
    left: 796.8374px;

}

h10 a {
    position: absolute;
    top: 1481.1166px;
    left: 772.0377px;

}

h10:hover {
    opacity: 70%;
}

h10 img {
    width: 375.8343px;
}





h11 {
    position: absolute;
    top: 1728.6675px;
    left: 38.0479px;
}

h11 img {
    width: 1102px;
}

h12 {
    font-size: 236px;
    font-weight: 300;
    position: absolute;
    top: 2124.4118px;
    left: 68.5775px;
}

h13 {
    font-size: 59px;
    font-weight: 500;
    position: absolute;
    top: 2030.5075px;
    left: 68.5775px; 
}

h14 {
    font-size: 83.75px;
    font-weight: 500;
    position: absolute;
    top: 2514.9646px;
    left: 68.5775px;
}

h15 {
    font-size: 59px;
    font-weight: 500; 
    position: absolute;
    top: 2433px;
    left: 68.5775px;
}

h16 {
    font-size: 128.36px;
    font-weight: 300;
    color: #C9CACA;
    position: absolute;
    top: 2151.0908px;
    left: 796.8374px;
}

h17 {
    font-size: 59px;
    font-weight: 500; 
    color: #C9CACA;
    position: absolute;
    top: 2030.5075px;
    left: 796.8374px;
}

h18 {
    font-size: 83.75px;
    font-weight: 500; 
    color: #C9CACA;
    position: absolute;
    top: 2407.7629px;
    left: 796.8374px;

}

h19 {
    font-size: 59px;
    font-weight: 500; 
    color: #C9CACA;
    position: absolute;
    top: 2330px;
    left: 796.8374px;

}

h20 a {
    position: absolute;
    top: 2602.2056px;
    left: 772.0377px;

}

h20:hover {
    opacity: 70%;
}

h20 img {
    width: 375.8343px;
}





h21 {
    position: absolute;
    top: 3017.7866px;
    left: 68.5775px;

}

h21 img {
    width: 221.0543px;
}

h22 {
    position: absolute;
    top: 3184.153px;
    left: 68.5775px;
}

h22 img {
    width: 449.9087px;
}

a {
    font-size: 35px;
    font-weight: 500;
    color: #6da4e2;
    position: absolute;
    top: 3261.5807px;
    left: 68.5775px;
}

h23 {
    position: absolute;
    top: 914.1672px;
    left: 743.6732px;
}

h24 {
    position: absolute;
    top: 2035.258px;
    left: 743.6732px;
}