styles.css

html { 
    background: url(img/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

body{
    color: rgb(255, 255, 255);
    font-family: 'Rubik', sans-serif;
}

#container{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.rectangle{
    width: 950px;
    height: 110px;
    margin: 20px;
    background-color:rgba(0, 0, 0, 0.5);
    font-size: 50px;
    padding:5px;
    border-radius: 50px;
}

.square{
    width: 460px;
    height: 460px;
    margin: 20px;
    float: left;
    background-color:rgba(0, 0, 0, 0.5);
    font-size: 24px;
    text-align: center;
    border-radius: 50px;
}

.tile_big{
    width:190px;
    height:190px;
    margin:20px;
    float: left;
    border-radius: 35px;
}

#about_me{
    background-color:rgb(12, 138, 138); 
}

#education{
    background-color:rgb(26, 165, 33);
}

#skills{
    background-color:rgb(163, 100, 18); 
}

#quotes{
    background-color:rgb(149, 26, 165);
}

p1{
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

p2{
    font-size: 30px;
}


h1{
    font-size:45px;
    margin-left: 20px;
}

.tile_small{
    width:60px;
    height:65px;
    margin-top: 15px;
    margin-left: 100px;
    padding:5px 10px 10px 10px;
    float: left;
    border-radius: 20px;
    vertical-align:auto;
}

#youtube{
    background-color:rgb(255, 0, 0); 
}

#github{
    background-color:rgb(255, 255, 255); 
    margin-left: 50px;
}

.tile_project{
    width:78px;
    height:78px;
    margin-top: 15px;
    margin-left: 200px;
    padding:0px;
    float: left;
    border-radius: 20px;
    vertical-align:auto;
}

#project1{
    background-color:rgb(80,20,100); 
}

#project2{
    background-color:rgb(255, 255, 255); 
    margin-left: 50px;
}

#project3{
    background-color:rgb(42, 71, 94); 
    margin-left: 50px;
}

.project1:hover, .project2:hover, .project3:hover, .tile_big:hover, .tile_small:hover, .tile_project:hover{
    transition: 500ms;
    filter: brightness(80%); 
}