@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
* {
    padding: 0;
    margin: 0;
    background: #00b489;
}

a {
    text-decoration: none;
}


/* utilitis code */

.m-font1 {
    font-family: 'Noto Sans', sans-serif !important;
}

.m-font2 {
    font-family: 'Roboto', sans-serif;
}


/* utilitis code end */

.logo {
    border-radius: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}

.container {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}

.Profile {
    padding: 3rem;
    margin: 1rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


/* FA ICONS & BUTTONN CSS */

.fa {
    padding: 20px;
    font-size: 30px;
    width: 150px;
    text-align: center;
    text-decoration: none;
    margin-bottom: 25px;
    border-radius: 50px;
    border: #000;
    font-family: 'Noto Sans', sans-serif;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-google {
    background: #dd4b39;
    color: white;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
}

.fa-youtube {
    background: #bb0000;
    color: white;
}

.fa-instagram {
    background: #125688;
    color: white;
}

.fa-pinterest {
    background: #cb2027;
    color: white;
}

.fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-book {
    background: #ff5500;
    color: white;
}

.fa-skype {
    background: #00aff0;
    color: white;
}

.fa-android {
    background: #a4c639;
    color: white;
}

.fa-dribbble {
    background: #ea4c89;
    color: white;
}

.fa-envelope {
    background: #45bbff;
    color: white;
}

.fa-github {
    background: #2c4762;
    color: white;
}

.fa-whatsapp {
    background: #4FCE5D;
    color: white;
}

.fa-vine {
    background: #00b489;
    color: white;
}

.fa-foursquare {
    background: #45bbff;
    color: white;
}

.fa-stumbleupon {
    background: #eb4924;
    color: white;
}

.fa-flickr {
    background: #f40083;
    color: white;
}

.fa-briefcase {
    background: #430297;
    color: white;
}

.fa-soundcloud {
    background: #ff5500;
    color: white;
}

.fa-reddit {
    background: #ff5700;
    color: white;
}


/* .media {
    height: 50px;
    width: 100px;
    background-color: white;
    border: 2px;
    border-radius: 30px;
    border-color: black;
    margin: 5px 0 5px 0;
}

.media:hover {
    height: 50px;
    width: 100px;
    background-color: gray;
    border: 5px;
    border-radius: 30px;
    border-color: black;
    margin: 5px 0 5px 0;
} */

.footer {
    margin-bottom: 0;
}