@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins" , sans-serif;
}

body{
    overflow: hidden;
}

main{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}
.logo img,p{
    max-width: 300px;
}

.logo p{
    text-align: center;
    color: #262626;
}

footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #262626;
   padding-bottom: 2px;
    font-size: 0.7em;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .logo img,p{
        max-width:600px;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .logo img{
        max-width:700px;
    } 
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .logo img{
        max-width:800px;
    }
 }

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .logo img{
        max-width:900px;
    }
 }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    .logo img{
        max-width:1000px;
    }
 }