@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@400..700&family=Goldman:wght@400;700&family=Hachi+Maru+Pop&family=Hina+Mincho&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Kiwi+Maru&family=M+PLUS+1p&family=Michroma&family=Mochiy+Pop+P+One&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playwrite+NZ+Guides&family=Slackside+One&family=Tsukimi+Rounded&family=Yuji+Mai&family=Yuji+Syuku&family=Zen+Antique&display=swap');
    
    
    
    .gallery 
    {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .image 
    {
        position: relative;
        margin: 0 -50px;
        z-index: 1;
        transition: .3s;
    }

    .image img 
    {
        width: 240px;
        height: auto;
        box-shadow: 0px 6px 20px; rgba(0,0,0,0,2);
    }

    .image:hover 
    {
        transform: translate(-20px)
        z-index: 2;
    }

    .image:hover
    {
        box-shadow: 0px 8px 30px; rgba(0,0,0,0,3);
    }

    #myheader
    {
        background-color: blue;
        color: black;
        padding: 40px;
        text-align: center;
        font-size: 50px;
        font-family: "Goldman", sans-serif;
    }

    #myheader2 
    {
        background-color: blue;
        background-image: url(gambar/welcome.jpg);
        color: rgb(0, 0, 0);
        padding: 40px;
        text-align: center;
        font-size: 50px;
        font-family: "Goldman", sans-serif;
    }

    #myheader3
    {
        background-color: blue;
        background-image: url(gambar/Table\ Slide\ Templates.jpg);
        color: black;
        padding: 40px;
        text-align: center;
        font-size: 50px;
        font-family: "Goldman", sans-serif;
    }

    #myheader4
        {
            background-color: green;
            color: black;
            padding: 40px;
            text-align: center;
            font-size: 50px;
            font-family: "Goldman", sans-serif;
            background-image: url(gambar/CSS\ Cheat\ Sheet.jpg);
        }

    body
    {
        background-color: azure;
        background-image: url()
    }

    .hero
        {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }

    .hero video 
        {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            min-width: 100%;
            min-height: 100%;
            object-fit: cover;
        }    

    .background
        {
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: -1;
        }

    .wrapper
        {
            margin: 0 auto; 
            width: 1000px;
        }