*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: rgb(86, 56, 255);
}
#split{
    height : 100%;
    position: fixed;
    width: 100%;
    background-color: rgb(255, 255, 255);
    transform: skewY(19deg);
    top : -50%;
}
a{
    z-index: 3;
    color : black;
    margin-top : 20px;
    padding-inline: 9px;
    text-decoration: none;
    font-size: 25px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
a:hover{
    text-decoration: underline;
    color: rgb(0, 0, 0);
    transform: scale(1.1);
    transition-duration: 1s;
}
#navbar{
    display: flex;
    height : 100px;
    width : 500px;
    margin-left: 10px;
}
#image{
    top : 15px;
    position: fixed;
    z-index: 2;
    left: 35%;
    filter:drop-shadow(16px 8px 8px rgb(5, 77, 211));
}
#title{
    font-family: "Bungee", sans-serif;
    font-size: 70px;
    margin-top : 170px;
    margin-left : 230px;
}
#char_name{
    position : fixed;
    font-size: 40px;
    font-family: "impact";
    right : 20px;
    z-index: 5;
    top: 20px;
    text-align: right;
    letter-spacing: 5px;;
}
#char_desc{
    position : fixed;
    z-index : 6;
    height : 100px;
    width: 400px;
    right : 20px;
    top : 230px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    text-align: justify;
}
#about{
    position : fixed;
    z-index : 6;
    height : 100px;
    width : 400px;
    right : 20px;
    top : 185px;
    font-weight: 900;
    font-family: "Bungee";
    font-size: 30px;
}
#button{
    display: flex;
    background-color: white;
    height: 7vh;
    width: 26vh;
    margin-top : 8vh;
    justify-content: center;
    align-items: center;
    margin-left : 40vh;
    padding-bottom: 3vh;
    border: solid black 2px;
    border-radius: 2vh;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
#button:hover{
    box-shadow: 0 0 20px #0a74da, 0 0 40px #0a74da, 0 0 60px #0b3861;
    transition: 0.9s ease; 
    transform: scale(1.1);

}
#watch{
    text-decoration: none;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 3vh;
}