* {box-sizing: border-box;}

body, html {
    /*background-image: url("photos/erhan.photo.guitar.png");*/
    background-attachment: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    font: 400 15px/1.8 "Lato", sans-serif;
    color: #777;
}

.main {
    overflow: auto;
    position: fixed;
    opacity: 100%;
    background-attachment: fixed;
    background-size: ;
    background-color:;
    left: 0px;
    top: 10px;
    width: 100%;
    height: 100%;
}




.center {
	position: fixed;
	left:;
	top:;
  	width:100%;
	height:100%;
	padding:0px 0px;
	overflow:auto;
}

.bottom {
	position: fixed;
    bottom:0px;
    width:100%;
    opacity: 0.75;
    background-attachment: fixed;
    background-size: cover;
    background-color:;
}

.topnav {
    z-index:4;
    position: fixed;
    top: 0px;
    right: 0px;
    overflow: hidden;
    background-color: #333;
    background-color: #192025;
	width: 100%;
}

/* MENU OZELLIKLERI */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 6px;
    text-decoration:none;
    font-size: 15px;

}

.topnav a:hover {
    background-color: #555;
    background-color: #222f38;
    color: white;
}

.active {
    background-color: #4CAF50;
    background-color: #2e4b60;
    height:100%;
	  width: ;
    color: white;
	  text-align: center;
}

.topnav .icon {
	position: relative;
    display: none;
    height:14px;

}

.grid-container {
    display: grid;
    width:100%;
    height:100%;
    float:left;
    grid-template-columns: auto auto auto ;
    grid-gap: 4px;
    background-color: #f1f1f1;
    padding: 1px;
}