@import url('https://fonts.cdnfonts.com/css/katahdin-round');
    body {
        background-color: #040720;
    }
    .AppName {
        text-align: center;
        text-transform: uppercase;
        color: #145ecc;
        font-size: 120px;
        font-family: "Katahdin Round";
    }
    /*
    hr {
        width:90%;
        border: 4px solid #145ecc;
        border-radius: 5px;
        animation: lineanimation 0.5s;
    }*/
    hr {
        width:90%;
        border: 4px solid #145ecc;
        border-radius: 5px;
        animation: lineanimation 0.5s;
        position:relative;
        top: -40px;
    }
    @keyframes lineanimation {
        from {width: 0%;}
        to {width: 90%;}
    }
    .TextSettings {
        color: white;
        font-family: "Katahdin Round";
        transition-duration: 0.2s;
    }
    .TextSettings:hover {
        -ms-zoom-animation: inherit;
        zoom: 120%;
        color: burlywood;
    }
    .Button {
        color: white;
        background-color: #040720;
        border: 2px solid #170260;
        size: 20px;
        border-top-left-radius: 5px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 10px;
        font-family: "Katahdin Round";
        padding: 5px 20px;
        font-size: 10px;
        transition-duration: 0.4s;
        cursor: pointer;
    }
    .Button:hover {
        background-color: #170260;
        color: black;
        font-size: 15px;
    }