@charset "utf-8";
/* CSS Document */
@import "public.css";
header{background:#f6f6f6;}

.header{max-width:1200px;margin:auto;padding:10px 0;display:flex;align-items:center;}
.header div:nth-child(3){flex:0 1 10%;white-space: nowrap;}
.header div:nth-child(3) i{padding-right:5px;}
.header div:nth-child(3) a{padding:2px 9px;border-radius:19px;border:1px solid #333;background:#555;color:#fff;}

.menu{margin-left:100px;flex:0 1 99%;}
.menu a{font-size:16px;padding:0 20px;}
.menu a:hover{font-weight:bold;color:#e60000;}

/*.header div{height:80px;}*/

main{margin:auto;max-width:1200px;}


footer{background:#f6f6f6;line-height:200%;text-align:center;}
footer h3{margin:0;padding:20px 0 0 0;color:#000;}
footer span{color:rgba(0,220,0,0.5);margin:0 0 15px;}


.x{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #fff, #a3d0f9);
    animation-name: main;
    animation-duration: 4s;}
@keyframes main{
    from {bottom:-70px;opacity:0;}
    to {bottom:0;opacity:1;}
}