style.css

@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@500&display=swap');
 * {
     padding: 0;
     margin: 0;
 }

 body{
    font-family: 'Source Code Pro', monospace;
    text-decoration: none;
    color: black;
    size: 1500px;
 }

 #container{
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     align-items: center;
     width: 500%;
 }

 .bar{
     display: flex;
     justify-content: center;
     height: 60px;
     align-items: center;
     background-color: black;
 }

 a{
     text-decoration: none;
     color: white;
 }

 #button {
     background-color: red;
     padding: 8px;
 }

#Project {
     max-width: 10000px;
     height:500px;
     background-color: black;
     text-align: center;    
    }

    #first-line {
        text-align: center;
    }

    .header {
        width:100vw;
        height:200px;
        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .flex {
        width:200px;
        height:200px;
        display:flex;
        align-items:center;
    }

#first-line {
    text-decoration: none;
    color: white;
}


 div>img{
     width: 25%;
 }

 #know-about-the-internet , #Safety ,  #What-are-scams{
     min-width: 500px;
     text-align: center;
     margin: 30px;
 }


 #h1 {
    text-align: center;
 }
 
 .bar {
     text-decoration: none;
     color: white;
 }

 footer {
     background-size: 100% 100%;
     padding: 10% 0% ;
     text-align: center;
 }

 #internetbutn , #scambutn, #safetybtn{
     text-align: center;
     margin: 20px;
     height: fit-content;
     width: fit-content;
     padding-top: 10px;
     padding-bottom: 15px;
     padding-left: 20px;
     padding-right: 30px;
 }

 .know {
     height: 10px;
     width: 30px;
     border: 1px solid black;
     position: relative;
     left: 650px;
     cursor: pointer;
 }