html,body {
    font-family: Calibri;
    text-align:center;
    margin: 0px;
    padding-top: 35px;
    overflow-x: hidden;


}

#heading {

	font-size: 75px; 
    font-family: Cookie;
	font-style: italic; 
	font-variant: normal; 
	font-weight: 700; 
	line-height: 69px;
    padding-bottom: 50px; 
}
#navbar {
    padding-top:5px;
    padding-bottom:5px;
    background-color: #FAFA87;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-family: Calibri; 
    font-size: 14px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 700; 
    line-height: 15.4px;
}


 .insta {
    padding-top: 2px;
}
.facebook {
    border-radius: 50%;
}

a {
    text-decoration: none;
    color: black;
}
a:hover, active, visited {
    text-decoration: none;
    color: hotpink;
}

#mypic {
    border-radius: 0px;
    max-width: 100%;
}
.frontpage {
    display: flex;
    flex-direction: row;
    justify-content: center ;
}
#profilepic {
    padding-top:50px;
    flex-direction: column;
    justify-content: center;
}

#aboutme {
    padding-top:50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 500px;
    padding-left: 110px;
    font-family: Calibri;
    font-size: 16px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 700; 
    line-height: 25px;
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.column {
    width: 25%;
    padding: 10px;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

/* Style the images inside the grid */
.column img {
    opacity: 0.8; 
    cursor: pointer;
    height: 150px; 
}

.column img:hover {
    opacity: 1;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.container {
    position: relative;
    display: none;
}

/* Expanding image text */
#imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: grey;
    font-size: 50px;
    cursor: pointer;
}

.country {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.click {
    padding-top: 20px;

}