@import url('https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap'); /* font */

body {
    background-image: url('pawel-czerwinski-mfIplTZLE6E-unsplash.jpg');
    font-family: "Teachers";
}

.resume {
    background-color: #FEE8C3;
    width: 800px;
    margin: auto;
    height:1540px;
}

/* div info */
#info {
    background-color: #754F44;
    padding: 40px;
}

#id_photo {
    border: 10px solid #EC7357;
    border-radius: 50%;
    height: 180px;
    float: left;
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 50px;
}

#email_icon, #phone_icon, #address_icon {
    float: left;
    height: 20px;
    margin-right: 10px;
}

#info h1, p {
    color: white;
}

#info h1 {
    font-size: 200%;
}

#info p { 
    font-size: 120%;
}

#info a {
    color: white;
}

/* div about */
#about {
    background-color: #EF846C;
    margin: 40px;
    padding: 20px;
    color: white;
}

#about h3 {
    margin: 20px;
    font-size: 160%;
}

#about p {
    margin: 20px;
    font-size: 110%;
}

/* div skills */
#skills {
    background-color: #FDD692;
    float: left;
    margin-left: 40px;
    margin-right: 60px;
    height: 900px;
    padding: 20px 40px 0px 40px;
}

#skills p {
    color: black;
}

#skills a {
    color: black;
}

#fb_icon, #ig_icon {
    float: left;
    margin-right: 10px;
}

/* div experience & education */
#experience, #education {
    margin: 40px;
}

ul {
    list-style-type: none;
}