h1 {
            font-family:"yoster";
            color: #ff007f;
            font-size: 25px;
            text-align: right;
}

p {
            font-family:"basiic";
            color: #ff007f;
            margin: 10px;
            font-size: 14px
}

span {
            font-family:"basiic";
}

ul {
            list-style: square;
            font-family: basiic;
            color: #ff007f;
            text-align: left;
            font-size: 14px;
}

.flex-container {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: stretch;
            align-content: center;
            }

            .flex-items:nth-child(1) {
            display: block;
            flex-grow: 0;
            flex-shrink: 1;
            flex-basis: auto;
            align-self: auto;
            order: 0;
            }

            .flex-items:nth-child(2) {
            display: block;
            flex-grow: 0;
            flex-shrink: 1;
            flex-basis: auto;
            align-self: auto;
            order: 0;
            }

            .flex-items:nth-child(3) {
            display: block;
            flex-grow: 0;
            flex-shrink: 1;
            flex-basis: auto;
            align-self: auto;
            order: 0;
            }
.title {
            font-family: "cursive";
            font-size: 20px;
            }

 @font-face {
            font-family: 'basiic';
            src: url(/fonts/basiic-webfont.woff);
            }

            @font-face {
            font-family: "yoster";
            src: url(/fonts/yoster-webfont.woff);
            }

            @font-face {
            font-family: "cursive";
            src: url(/fonts/cursive.woff);
            }