@font-face {
            font-family: "twilightf";
            src: url("fonts/twilight.ttf") format(truetype);
        }
        @font-face{
            font-family: "twilight2";
            src: url("fonts/twilight2.ttf") format(truetype)
        }

        body {
            background-color:rgb(35, 17, 21)
        }

        p {
        font-family: sans-serif;
        margin-top: 0;
        margin-bottom: 0;
        }
        button{
        color: rgb(244, 227, 227);
        background-color:rgb(116 10 3);
        margin-top: 10;
        margin-right: 5;
        border-radius: 4px;
        border-width: 0.5;
        border-color: rgb(116 10 3);
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: twilight;
        }
        .aboutmebutt{
            color: rgb(253, 230, 233);
            background-color: rgb(71, 13, 18);
            margin-top: 10;
            margin-right: 5;
            border-radius: 4px;
            border-width: 0.5;
            border-color: rgb(38, 4, 4);
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 10px;
            padding-right: 10px;
        }
        button:hover { 
        cursor: pointer;
        opacity: 75%;
        text-decoration: underline;
        }
        .greeting {
        background-color: rgb(116 10 3);
        opacity: 90%;
        color: rgb(253, 240, 240);
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        font-size: 14px;
        margin-bottom: 5px;
        }
        a {
            text-decoration: none;
        }
        .title {
        font-family: twilight;
        color: rgb(253, 240, 240);
        margin-bottom: 5px;
        font-size: 35px;
        font-weight: bold;
        }
        .button-bar {
            margin-top: 8px;
        }
        .searchbar {
            background-color: bisque;
            border-color: bisque;
            font-size: 15px;
            margin-left: 5px;
            padding-bottom: 3.5px;
            padding-top: 3.5px;
        }
        .rec-title {
        background-color: rgb(116 10 3);
        opacity: 90%;
        color: rgb(253, 240, 240);
        margin-top: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        text-align: center;
        font-size: 13px;
        display: block;
        }

        .video1{
            margin-top: 10px;
            margin-left: 8px;
            margin-right: 8px;
            display: inline-block;
            width: 330px;
            vertical-align: top;
        }
        .rec1 {
            width: 330px;
            margin-bottom: 5px;
        }
        .v1title{
            font-family: twilight;
            font-size: 16px;
            color: rgb(253, 240, 240);
            margin-bottom: 5px;
        }
        .creator1{
            font-family: twilight;
            font-size: 14px;
            color: rgb(253, 240, 240);
        }
        .NOTHING {
            color: rgb(253, 240, 240);
            opacity: 70%;
            text-align: center;
            padding-top: 20px;
            font-size: 20px;
        }
        .homeb {
            margin-top: 5px;
            background-color: rgb(107, 77, 77);
        }
        .latestblog {
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 8px;
            margin-right: 8px;
            background-color: bisque;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            color: black;
            border-color: brown;
            border-radius: 1px;

        }
        .previewTT {
            font-family: twilight;
            font-size: 18px;
        }
        .previewt{
            font-family: arial;
            font-size: 13px;
        }
        .linkart {
            color: black;
            text-decoration: underline;
        }
        .blog1 {
          margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 8px;
            margin-right: 8px;
            background-color: bisque;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            color: black;
            border-color: brown;
            border-radius: 1px;
        }