@keyframes fadeInLeft {
    from{
        transform: translateX(155%);
        opacity: 0;
    }
    to{
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes fadeInRight {
    from{
        transform: translateX(-155%);
        opacity: 0;
    }
    to{
        transform: translateX(0%);
        opacity: 1;
    }
}

html{
    scroll-behavior: smooth;
}

body{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #252525;
    margin: 0;
    padding: 0;
}

.page-wrapper{
    position: relative;
    overflow-x: hidden;
}

h2, h3{
    font-size: 20px;
}

a{
    text-decoration: none;
    color: #252525;
    font-size: 12px;
}

a:visited{
    text-decoration: none;
    color: #252525;
}

a:active, a:hover{
    border-bottom: 3px solid #FF7B52;
    padding-bottom: 2px;
}

nav{
    height: 100px;
    padding-top: 15px;
    padding-left: 20px;
}

.nav-logo-title{
    animation: fadeInRight 2s;
}

.nav-logo-title img{
    content: url("https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/New_Super_Mario_Bros._logo.svg/2560px-New_Super_Mario_Bros._logo.svg.png");
    width: 60px;
    height: 30px;
    float: left;

    color: transparent;
}

.nav-logo-title a{
    float: left;   
    margin-top: 8px;
    margin-left: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

nav ul{
    float: right;
    margin-top: 4px;
    margin-right: 7px;
    
    list-style: none;
}

nav ul li{
    float: left;
    margin-left: 3px;

    animation: fadeInLeft 2s;
}

nav ul li a{
    font-size: 12px;
}

section{
    display: inline-block;
}

section::before{
    content: "aaaaaaaaaaaaaaaaaaaaaaaaaaa";
    color: transparent;

    background: #FF7B52;
    padding: 5px;
    border-radius: 120px;
    
    float: left;
    rotate: 35deg;
    margin-top: 130px;
    margin-left: -190px;

    box-shadow: 30px 40px 0px 1px darkblue;
    animation: fadeInRight 3s;
}

.header-texts{
    height: 500px;
    width: 100%;
    float: left;
}

.header-texts h1{
    position: absolute;
    left: 40px;
    top: 270px;
    margin-right: 200px;

    font-size: 2.3em;
    color: darkblue;

    animation: fadeInRight 2s;
}

.header-texts h1::before{
    float: left;
    
    content: url("https://mario.wiki.gallery/images/thumb/a/a6/Super_Mushroom_Artwork_-_Super_Mario_3D_World.png/800px-Super_Mushroom_Artwork_-_Super_Mario_3D_World.png");
    scale: 0.12;
    width: 100px;
    height: 100px;
    margin-top: -150px;
    margin-left: -50px;

    animation: fadeInRight 2s, jumpLoop 0.4s ease 0s infinite alternate;
}

@keyframes jumpLoop {
    from{
        transform: translateY(50%);
    } to {
        transform: translateY(-50%);
    }
}

.header-texts h1::after{
    content: "IT'S ME, MARIO!";
    color: white;
    font-size: 14px;
    font-weight: bold;
    
    background: #FF7B52;
    border: 3px solid #FF7B52;
    border-radius: 5px;
    
    position: absolute;
    padding: 12px;
    top: 110px;
    left: 128px;
    margin-left: -125px;

    transition: all 0.4s;
    animation: fadeInRight 2s;
}

.header-texts h1:hover::after{
    background: white;
    color: #FF7B52;
    border: 3px solid #FF7B52;
}

.header-texts h3, .header-texts p{
    color: white;
    margin-right: 40px;
    margin-left: 40px;
}

.header-texts::before{
    position: absolute;
    top: 580px;
    left: 0;
    z-index: -3;

    content: 'a';
    color: transparent;
    
    background: linear-gradient( rgba(255, 152, 0, 0.96), rgba(255, 123, 82, 0.9) ), url("https://assetsio.reedpopcdn.com/digitalfoundry-2017-mario-kart-8-deluxe-tech-analysis-1492685857061.jpg?width=1920&height=1920&fit=bounds&quality=80&format=jpg&auto=webp");
    background-size: 200%;
    background-repeat: no-repeat;
    width: 100%;
    height: 550px;
}

.header-texts h3{
    clear: left;
    margin-top: 580px;
    margin-right: 40px;
    font-size: 20px;
}

.header-texts p{
    position: absolute;
    font-size: 15px;
    margin-top: 1%;
    text-align: justify;
}

.header-texts h3::before{
    clear: both;
    position: absolute;

    content: url("https://www.pngplay.com/wp-content/uploads/9/Mario-PNG-Pic-Background.png");
    width: 25%;
    margin: auto;
    top: 200px;
    left: 30px;
    scale: 0.28;

    animation: flying 2s ease-in-out 0s infinite alternate;
}

@keyframes flying {
    from{
        transform: translateY(2%); 
    }
    to{
        transform: translateY(-5%);
    }
}

abbr{
    font-weight: bold;
    text-decoration: underline gold;
    text-decoration-thickness: 4px;
}

.header-filler{
    background: linear-gradient(-90deg, rgba(0,49,165,1) 0%, rgba(44,134,205,1) 50%, rgba(99,242,255,1) 100%); 
    border-radius: 100%;
    
    position: absolute;
    width: 400px;
    height: 400px;

    right: -55%;

    animation: fadeInLeft 2s;
}

.header-filler div{
    content: url("https://mario.wiki.gallery/images/thumb/a/a0/MK8_Mario_Drifting_Standard_Kart_Shadowless_Artwork.png/1200px-MK8_Mario_Drifting_Standard_Kart_Shadowless_Artwork.png");
    position: absolute;

    height: 300px;
    width: 340px;

    top: 20%;
    right: 20%;

    transition: all 0.5s;
}

.header-filler div:hover{
    transform: scale(1.1);
}

.content-aside{
    clear: left;
    text-align: justify;
    margin-top: 400px;
    width: 100%;
}

.content{
    float: left;
}

.content-aside h2{
    font-size: 24px;
    text-transform: uppercase;
}

.content-first{
    float: left;
    margin-right: 100px;
    margin-left: 40px;
    margin-bottom: 60px;
}

.content-first::before{
    position: absolute;
    content: 'aaa';
    color: transparent;
    scale: 5;

    background:#FF7B52;
    border-radius: 300px;
    padding: 20px;
    
    top: 1290px;
    left: -170px;
}

.content-first h2{
    color: #FF7B52;
}

.content-first::after{
    content: url("https://pa1.narvii.com/7652/3abd475341c07835861201fa7211a57c1696c19ar1-500-500_hq.gif");
    
    position: absolute;
    max-width: 4%;
    scale: 0.6;
    top: 1160px;
    right: 20%;
}

.content-first p{
    float: left;
    font-size: 12px;
}

.content-second{
    float: left;
    margin-top: 30px;
    margin-bottom: 20px;
    color: white;

    background: linear-gradient( rgba(0, 152, 255, 0.96), rgba(0, 123, 255, 0.9) ), url("https://assetsio.reedpopcdn.com/Mario-Bros-film.png?width=1600&height=900&fit=crop&quality=100&format=png&enable=upscale&auto=webp");
    background-size: 500%;
    background-repeat: no-repeat;

    width: 100%;
    left: 0;
    scale: 1.05;
    height: 1150px; 
}

.content-second h2, .content-second h4, .content-second p{
    margin-left: 50px;
    margin-right: 50px;
}

.content-second h2{
    margin-top: 20%;
}

.content-second h4{
    font-size: 16px;
}

.content-second p{
    font-size: 12px;
}

aside{
    float: left;
    color: white;
    border-top: 5px solid lightskyblue;
    margin-top: -470px;
    margin-left: 40px;
    padding-left: 3%;
    scale: 1;
}

aside a{
    font-size: 14px;
    color: white;
}

aside a:visited{
    color: white;
}

aside a:hover, aside a:visited{
    border-bottom: 2px solid lightskyblue;
}

aside li{
    margin-bottom: 8%;
    list-style-type: none;
}

a[href=""]::before{
    content: 'a';
    color: transparent;
    
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url("https://64.media.tumblr.com/34ecb97af549396ce54461835a63d1b3/1fe59baa06bb8c17-d9/s540x810/041f293db97d977df5ccd2cd8b94995aa2f9a34a.gif");
    background-size: 100%;

    margin-left: -20%;
    margin-right: 10%;
}

a[href="https://www.w3schools.com/w3css/defaulT.asp"]::before, a[href="https://www.sololearn.com/learn/courses/css-introduction"]::before, a[href="https://www.codecademy.com/catalog/language/html-css?g_network=g&g_productchannel=&g_adid=528849219307&g_locinterest=&g_keyword=codecademy%20css&g_acctid=243-039-7011&g_adtype=&g_keywordid=kwd-319752155745&g_ifcreative=&g_campaign=account&g_locphysical=1007715&g_adgroupid=128133970468&g_productid=&g_source={sourceid}&g_merchantid=&g_placement=&g_partition=&g_campaignid=1726903838&g_ifproduct=&g_adtype=search&g_acctid=243-039-7011"]::before, a[href="https://www.udemy.com/topic/css/"]::before {
    content: 'a';
    color: transparent;
    
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://cdna.artstation.com/p/assets/images/images/061/938/632/original/derend-marvel-ezgif-com-gif-maker-1.gif?1681968838");
    background-size: 100%;
    scale: 1.5;

    margin-left: -20%;
    margin-right: 10%;
}

.articles{
    float: left;
    max-width: 100%;
    margin-top: 10%;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;
}

.articles table{
    border-spacing: 10px;
}

.articles table h3{
    font-size: 14px;
}

.articles table p{
    font-size: 12px;
}

img[alt="Article 1"] {
    content: url("https://freepngimg.com/save/114569-mario-free-hd-image/646x689");
    margin-top: -40px;
    max-width: 100px;
}

img[alt="Article 2"] {
    content: url("https://i.pinimg.com/originals/aa/1b/38/aa1b38fd0ca5102965d7bc341ccc6c24.png");
    scale: 1.1;
    max-width: 100px;
}

img[alt="Article 3"] {
    content: url("https://www.pngkit.com/png/full/26-266782_yoshi-wikipedia-yoshi-super-mario-run.png");
    margin-top: 5px;
    max-width: 100px;
}

.row-first td{
    padding: 5px;
    padding-bottom: 5%;

    text-align: center;
    color: white;

    background: #FF7B52;
    border-radius: 20px;
    box-shadow: 3px 3px 10px 0.2px #939393;

    transition: transform 0.5s;
}

.row-first td:hover{
    transform: scale(1.03) rotate(-2deg);
}

.article p{
    margin-bottom: 12%;
}

.article a{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;

    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    color: #FF7B52;

    background: white;
    border-radius: 10px;

    transition: all 0.5s;
}

.article a:hover{
    color: white;
    background: #FF7B52;
}

img[alt="Article 4"]{
    content: url("https://64.media.tumblr.com/6ed412174a89f07a759b5b33d12f39c2/ba84fbcacc7abec9-38/s250x400/cae0fac6ca98dfc609a5084c6e808f4cc26472a2.gifv");
    max-width: 50px;
    scale: 5;
    margin-left: 20px;
    filter: saturate(1.4) contrast(1.1) brightness(1.1);
}

.article-long{
    padding-top: 30px;
    padding-right: 40px;
    padding-left: 10px;
    text-align: justify;
}

.article-long h3{
    color: #FF7B52;
}

.creativity{
    clear: both;
    margin-top: 2%;
    background: linear-gradient( rgba(0, 152, 255, 1), rgba(0, 123, 255, 0.92) ), url("https://mario.wiki.gallery/images/a/a2/MKSC_Mario_Circuit_Starting_Line.png");
    filter: brightness(0.95) contrast(1.25);
    background-size: 300%;
    background-repeat: no-repeat;
    height: 680px;
    overflow: hidden;

    scale: 1.0125;
}

.creativity-wrapper{
    position: relative;
    width: 400%;
    margin: 0;
    left: 0;
    padding: 10px;
    padding-left: 42px;

    animation: slider 10s infinite;
}

.mini-one, .mini-two, .mini-three, .mini-four{
    width: 25%;
    float: left;

    margin-top: 10px;
}

@keyframes slider {
    0%{
        left: 0;
    }
    20%{
        left: 0;
    }
    25%{
        left: -100%
    }
    45%{
        left: -100%;
    }
    50%{
        left: -200%;
    }
    70%{
        left: -200%;
    }
    75%{
        left: -300%;
    }
    95%{
        left: -300%;
    }
}

.creativity-wrapper img{
    float: left;
    top: 400px;

    scale: 0.9;
}

img[alt="First image"]{
    content: url("https://media1.giphy.com/media/10RgZyfaX0HBSg/giphy.gif");
    scale: 0.9;
    margin-left: 35px;
}

img[alt="Second image"]{
    content: url("https://i.gifer.com/origin/8d/8d772dc03b5f8c40dc0971bf3594d820_w200.gif");
    scale: 1.4;
    margin-left: 60px;
    margin-top: 50px;
    margin-bottom: 40px;
}

img[alt="Third image"]{
    content: url("https://i.gifer.com/origin/b3/b3d34e1e429149edf41e24826e1ba9dd_w200.gif");
    scale: 1.1;
    width: 60%;
    margin-left: 45px;
    margin-top: 50px;
    margin-bottom: 20px;
}

img[alt="Four image"]{
    content: url("https://i.redd.it/c3i6cdngbpda1.gif");
    margin-left: 45px;
    margin-bottom: 10px;
    scale: 1.2;
}

.mini-content{
    color: white;
    text-align: center;
    padding: 25px;
    padding-right: 110px;
}

footer{
    display: inline-block;

    margin-top: 10px;
    width: 100%;
    
    scale: 1.0125;

    background: #FF7B52;
    color: white;
}

.footer-logo{
    float: left;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
    line-height: 30px;
    
    background: #FF7B52;
}

.footer-form{
    float: left;
    padding: 20px 30px 20px 30px;
    
    border-top: 5px solid white;
    border-bottom: 5px solid white;
}

.footer-credit{
    float: left;
    padding-left: 35px;
    padding-top: 50px;
    padding-bottom: 50px;
    line-height: 10px;
}

.footer-credit h3{
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

.footer-form p{
    font-weight: bold;
    font-size: 18px;
}

#name{
    width: 97%;
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 10px 5px 10px 5px;

    border: none;
    border-radius: 3px;
}

#gender{
    width: 100%;
    padding: 10px 5px 10px 5px;
    margin-top: 5px;

    border: none;
    border-radius: 3px;
    background: white;

    color: #FF7B52;
    font-weight: bold;
    text-transform: uppercase;
}

button{
    margin-top: 15px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;

    background: white;
    border: none;
    border-radius: 3px;

    color: #FF7B52;
    font-weight: bold;
    text-transform: uppercase;
}


@media screen and (min-width: 794px) {
    a{
        font-size: 1.1em;
    }    
    
    h2, h3{
        font-size: 30px;
    }

    nav{
        padding-left: 30px;
    }

    .nav-logo-title img{
        width: 90px;
        height: 40px;
    }
    
    .nav-logo-title a{ 
        margin-top: 10px;
        margin-left: 20px;
    }

    nav ul{
        margin-right: 50px;
        margin-top: 10px;
    }
    
    nav ul li{
        margin-left: 20px;
        margin-right: 20px;
    }

    nav ul li a{
        font-size: 16px;
    }

    section::before{
        padding: 14px;
        margin-top: 150px;
        margin-left: -160px;
    
        box-shadow: 50px 70px 0px 1px darkblue;
    }

    .header-texts h1{
        left: 90px;
        top: 300px;
    
        font-size: 2.5em;
    }
    
    .header-texts h1::before{
        scale: 0.18;
        margin-top: -200px;
        margin-left: -40px;
    }

    .header-texts h1::after{
        font-size: 18px;
        padding: 15px;
        top: 60px;
        left: 130px;
    }

    .header-texts h3, .header-texts p{
        margin-right: 80px;
    }
    
    .header-texts::before{
        top: 600px;
        background-size: 100%;
        height: 500px;
    }

    .header-texts h3{
        margin-top: 390px;
        margin-left: 350px;
        margin-right: 80px;
        font-size: 24px;
    }
    
    .header-texts p{
        font-size: 18px;
        margin-left: 350px;
    }
    
    .header-texts h3::before{
        width: 50%;
        scale: 0.35;
        top: 330px;
        left: -100px;
    }

    .header-filler{
        width: 440px;
        height: 440px;
    
        right: -20px;
        top: 80px;
    }
    
    .header-filler div{
        height: 380px;
        width: 430px;
    
        top: 50px;
        right: 3%;
    }

    .content-first{
        margin-top: -60px;
        margin-right: 300px;
        margin-left: 70px;
    }

    .content-first p{
        font-size: 13px;
    }

    .content-first::after{
        max-width: 10%;
        top: 1120px;
        right: 230px;
    }
    
    .content-first::before{
        top: 1330px;
        left: -150px;
    }

    .content-second{
        margin-top: 20px;
        background-size: 200%;
        scale: 1.0125;
        height: 800px;
    }

    .content-second h2, .content-second h4, .content-second p{
        margin-left: 70px;
        margin-right: 315px;
    }
    
    .content-second h2{
        margin-top: 10%;
    }
    
    .content-second h4{
        font-size: 18px;
    }

    .content-second p{
        font-size: 15px;
    }
    
    aside{
        float: right;
        border-top: none;
        border-left: 5px solid lightskyblue;
        margin-top: -730px;
        margin-right: 70px;
    }

    aside a{
        font-size: 16px;
    }
    
    .articles{
        margin-top: 0%;
        margin-left: 15px;
        margin-right: 15px;
    }

    .articles table{
        border-spacing: 20px;
    }

    .articles table h3{
        font-size: 20px;
    }
    
    .articles table p{
        font-size: 14px;
    }

    .row-first td{
        padding: 15px;
        padding-bottom: 4%;
    }

    .article a{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 14px;
        padding-bottom: 14px;
    
        font-size: 1em;
    }

    img[alt="Article 1"] {
        max-width: 200px;
        margin-top: 0px;
    }
    
    img[alt="Article 2"] {
        max-width: 200px;
    }
    
    img[alt="Article 3"] {
        margin-top: 20px;
        max-width: 200px;
    }

    img[alt="Article 4"]{
        min-width: 150px;
        scale: 2;
        margin: 0;
        padding-left: 30px;
    }

    .creativity{
        margin-top: 1%;
        background: linear-gradient( rgba(0, 152, 255, 1), rgba(0, 123, 255, 0.85) ), url("https://mario.wiki.gallery/images/a/a2/MKSC_Mario_Circuit_Starting_Line.png");
        background-size: 100%;
        height: 330px;
    }

    .mini-content{
        text-align: left;
        margin-top: -25px;
    }

    .mini-content p{
        font-size: 15px;
    }

    img[alt="First image"]{
        margin-right: 1px;
        margin-left: 10px;
        margin-top: 20px;
    }

    img[alt="Second image"]{
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 70px;
    }

    img[alt="Third image"]{
        width: 25%;
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 50px;
    }

    img[alt="Four image"]{
        margin-left: 20px;
        margin-top: 20px;
    }
    
    .footer-logo{
        width: 20%;
        padding-top: 120px;
    }
    
    .footer-form{
        width: 30%;
        
        border-top: none;
        border-bottom: none;
        border-right: 5px solid white;
        border-left: 5px solid white;
    }
    
    .footer-credit{
        width: 30%;
        padding-left: 15px;
        padding-top: 200px;
        line-height: 20px;
    }
}


@media screen and (min-width: 1020px) {
    nav{
        padding-left: 50px;
    }

    nav ul{
        margin-right: 20px;
    }
    
    nav ul li{
        margin-left: 30px;
        margin-right: 30px;
    }

    nav ul li a{
        font-size: 18px;
    }

    section::before{
        margin-top: 200px;
        margin-left: -100px;
    }

    .header-texts h1{
        left: 180px;
        top: 350px;
        margin-right: 200px;
    
        font-size: 4em;
    }
    
    .header-texts h1::before{
        scale: 0.22;
        margin-top: -250px;
    }

    .header-texts h1::after{
        top: 90px;
    }

    .header-texts h3, .header-texts p{
        margin-right: 100px;
    }
    
    .header-texts::before{
        top: 700px;
        height: 550px;
    }

    .header-texts h3{
        margin-top: 470px;
        margin-left: 500px;
        font-size: 30px;
    }
    
    .header-texts p{
        font-size: 20px;
        margin-left: 500px;
    }
    
    .header-texts h3::before{
        scale: 0.5;
        top: 450px;
        left: -130px;
    }

    .header-filler{
        height: 550px;
        width: 550px;
        right: 2%;
        top: 2%;
    }
    
    .header-filler div{
        height: 480px;
        width: 540px;
    
        top: 10%;
        right: 4%;
    }

    .content-aside{
        margin-top: 530px;
    }

    .content-first{
        margin-right: 450px;
        margin-left: 12%;
        margin-bottom: 60px;
    }
    
    .content-first::after{
        max-width: 10%;
        scale: 0.7;
        top: 1350px;
        right: 300px;
    }

    .content-first::before{
        scale: 5;
        padding: 20px;
        
        top: 1550px;
        left: -70px;
    }
    
    .content-first p{
        font-size: 18px;
    }

    .content-first h2{
        font-size: 30px;
    }

    .content-second{
        margin-top: 50px;
        background-size: 100%;
        height: 620px;
    }
    
    .content-second h2, .content-second h4, .content-second p{
        margin-left: 100px;
        margin-right: 400px;
    }
    
    .content-second h2{
        margin-top: 5%;
    }
    
    .content-second h4{
        font-size: 22px;
    }

    .content-second p{
        font-size: 16px;
    }
    
    aside{
        margin-top: -510px;
        margin-right: 120px;
    }

    aside a{
        font-size: 18px;
    }

    a[href=""]::before{
        height: 25px;
        width: 25px;
    }
    
    a[href="https://www.w3schools.com/w3css/defaulT.asp"]::before, a[href="https://www.sololearn.com/learn/courses/css-introduction"]::before, a[href="https://www.codecademy.com/catalog/language/html-css?g_network=g&g_productchannel=&g_adid=528849219307&g_locinterest=&g_keyword=codecademy%20css&g_acctid=243-039-7011&g_adtype=&g_keywordid=kwd-319752155745&g_ifcreative=&g_campaign=account&g_locphysical=1007715&g_adgroupid=128133970468&g_productid=&g_source={sourceid}&g_merchantid=&g_placement=&g_partition=&g_campaignid=1726903838&g_ifproduct=&g_adtype=search&g_acctid=243-039-7011"]::before, a[href="https://www.udemy.com/topic/css/"]::before {
        width: 25px;
        height: 25px;
        scale: 1.5;
    }

    .articles table{
        border-spacing: 30px;
    }

    .articles table h3{
        font-size: 30px;
    }
    
    .articles table p{
        font-size: 18px;
    }
    
    img[alt="Article 1"] {
        max-width: 300px;
    }
    
    img[alt="Article 2"] {
        scale: 1.1;
        max-width: 300px;
    }
    
    img[alt="Article 3"] {
        max-width: 300px;
    }

    img[alt="Article 4"]{
        min-width: 300px;
        scale: 1.2;
        margin-left: 10px;
    }

    .row-first td{
        padding: 25px;
    }

    .article a{
        padding-left: 30px;
        padding-right: 30px;
    }

    .creativity{
        margin-top: 2%;
        background: linear-gradient( rgba(0, 152, 255, 1), rgba(0, 123, 255, 0.5) ), url("https://mario.wiki.gallery/images/a/a2/MKSC_Mario_Circuit_Starting_Line.png");
        background-size: 100%;
        height: 300px;
        scale: 1.0125;
    }

    img[alt="First image"]{
        margin-top: 0px;
        margin-left: 0px;
    }

    img[alt="Second image"]{
        margin-top: 50px;
    }

    img[alt="Third image"]{
        width: 20%;
        margin-top: 30px;
    }

    img[alt="Four image"]{
        margin-top: 0px;
    }

    .mini-content{
        text-align: center;
        margin-right: 60px;
    }

    .mini-content p{
        font-size: 18px;
    }

    .creativity-wrapper img{
        margin-left: 100px;
    }
    
    .footer-logo{
        width: 25%;
        padding-top: 150px;
        line-height: 20px;
    }
    
    .footer-form{
        width: 35%;
    }
    
    .footer-credit{
        width: 25%;
        padding-top: 180px;
    }
}