@font-face {/*Betűsítlus beállítása*/
    font-family: mydarling;
    src: url("../font/gunplay.ttf");
}
@keyframes menubeuszik {/*Menü beúszás animációja*/
    0%   {right:-75px;}
    100% {right:0px;}
}
@keyframes alsomenubeuszik {/*Menü beúszás animációja*/
    0%   {bottom:-75px;}
    100% {bottom:0px;}
}
@keyframes lathatosag {/*Menü gomb láthatóságának animálása*/
    0%   {opacity:0.3;}
    100% {opacity:1.0;}
}
body{
        background-image:url("../kepek/simple_black.jpg");
	background-attachment:fixed;
	font-family:mydarling;
}

   /*----------------------------------------------------*/
  /*Oldalsó menü, a különböző közösségi elérhetőségekkel*/
 /*600 pixxelnél kissebb szélesség esetén eltűnik----- */
/*----------------------------------------------------*/
#navigator
{
	position:fixed;
	right:0px;
	top: 200px;
	height:375px;
	width:75px;
        display:block;
	background-color:rgba(0,0,0,0.95);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 5px 5px 2px #000000;
	animation-name:menubeuszik;
        animation-duration: 1s;
}
#navigator .nav_gomb
{
	width:75px;
	height:75px;
	opacity:0.3;
}

#navigator .nav_gomb:hover
{
	width:75px;
	height:75px;
        animation-name: lathatosag;
        animation-duration: 2s;
	opacity:1.0;
}
   /*-------------------------------------------------*/
  /*Alsó menü, a különböző közösségi elérhetőségekkel*/
 /*600 pixxelnél kissebb szélesség ez jön elő------ */
/*-------------------------------------------------*/
#bottomnavigator{
        position:fixed;
	bottom:0px;
	width:100%;
        display:none;
	background-color:rgba(0,0,0,0.95);
	animation-name:alsomenubeuszik;
        animation-duration: 1s;
        clear:both;
}
#bottomnavigator .nav_gomb
{
	width:20%;
        float:left;
}

@media screen and (max-width: 600px) {
    #navigator{
        display:none;
    }
    #bottomnavigator{
        display:block;
    }
}