body{
    background-color: #fbf7f0;
    font-family: "Segoe Ui", helvetica, "Helvetica Neue", "Apple Color Emoji", arial, sans-serif;
    font-size: 20px;
}
#header{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 100px;
}

.logo{
    font-family: 'Glory', sans-serif;
    color:#000;
    font-size: 100px;
}

.logo-small{
    font-family: 'Glory', sans-serif;
    color:#000;
    font-size: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.subtitle{
    transition: background-color .2s, clip-path .2s ,-webkit-clip-path .2s ;
    background-color: #ffe801;
    padding:20px;
    clip-path: polygon(5% 10%,46% 1%,46% 10%,100% 0,95% 90%,31% 100%,31% 90%,0 100%);
}

.subtitle:hover{
    background-color: #15d1d8;
    clip-path: polygon(5% 10%,66% 1%,66% 10%,100% 0,95% 90%,51% 100%,51% 90%,0 100%);
}

h1, h2, h3{
    margin-bottom: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
}