/* i m a g e s */

/* f o n t s */

    @font-face {
        font-family:"LEDLIGHT";
        src: url("https://xvirtualangel.neocities.org/fonts/LEDLIGHT.otf");
    }
    
        h1 {
            color:#FFFFFF;
            font-size:75px;
            font-family: "LEDLIGHT";
        }
        
        main h3 {
            color:#FFFFFF;
            font-size:40px;
            font-family: "LEDLIGHT";
        }
    
    @font-face {
        font-family: "LLTW";
        src: url("https://xvirtualangel.neocities.org/fonts/lltw.ttf");
    }

        h2 {
            color:#FFFFFF;
            font-family: "LLTW";
        }

    @font-face {
        font-family: "TWCond";
        src: url("https://xvirtualangel.neocities.org/fonts/typewcond_regular.otf"); font-weight: normal;
        src: url("https://xvirtualangel.neocities.org/fonts/typewcond_bold.otf"); font-weight: bold;
        }
        
        p,
        li {
            color:#FFFFFF;
            font-family: "TWCond";
            font-size:17px;
            word-spacing:5px;
        }

/* elements */

    body {
        background-color:#000000;
    }

    navbar {
        position: fixed;
        max-width: 10%;
        height:cover;
        float: left;
        padding-left:25px;
        padding-right:100px;
        padding-top:150px;
    }
    
    
    navbar a {
        color:#FFFFFF;
        text-decoration:none;
        display: inline-block;
        transition: transform 0.3s ease-in-out;
    }
    
        navbar a:hover {
        color:#9DA2A8;
        transform: scale(1.10);
        }
    
    header {
        background-color:#000000;
        width:100%;
        position: fixed;
          -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    }
    
    main {
        padding-top:170px;
        padding-right:25px;
        padding-left:220px;
        text-align: justify;
    }
    
    main li,
    a {
       color:#FFFFFF; 
    }

    main li a:hover {
       color:#9DA2A8;
    }