header {
    position:fixed;
    top:0;
    left:0;
    height:90px;
    z-index:999;
    background:#FFFFFF;
}
:target {scroll-margin-top: 90px;}
main {margin-top:90px;}
nav {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0px;
    padding:0px;
    height:100%;
}
#title {
    margin:0px auto 0px 15px;
    padding:0px;
}
#title>a, #title>a:hover, #title>a:visited{
	text-decoration:none;
    font-family:'Dancing Script', Arial, Helvetica, sans-serif;
    font-size:28px;
    font-weight:700;
    text-shadow:rgba(0, 0, 0, 0.1) 1px 1px 1px;
    color:inherit;
}
#menu, #nav-action {
    display:flex;
    align-items:center;
    gap:40px;
    list-style:none;
    margin:0px 20px 0px 0px;
    padding:0px;
}
#nav-action {
	gap:15px;
}

.menu-item {
    display:inline;
    text-align:center;
}
.menu-item:hover, .menu-mobile-item:hover, .menu-item-selected {
    border-bottom:2px solid rgb(1,101,78);
}
.menu-item>a, .nav-action-item>i {
	font-size:15px;
}
i:hover {
	cursor:pointer;
}
.menu-item>a, .menu-item>a:visited, .menu-item>a:hover, .menu-mobile-item>a, .menu-mobile-item>a:visited, .menu-mobile>a:hover{
    text-decoration:none;
    color:inherit;
}
#menu-button {
	display:none;
}
@media (max-width: 800px) {
    header {
        height:100px;
    }
    #menu-button {
		display:block;
		text-align:left;
		margin-left:10px;
        font-size:30px;
    }
    nav {
		display:grid;
		grid-template-columns: 1fr auto 1fr;
		text-align: center;
		width:100%;
	}
	#menu{
		display:none;
	}
	#title {
		text-align:center;
		margin:auto;
	}
    #title>a, #title>a:hover, #title>a:visited{ 
        font-size:23px;
    }
	#nav-action {
		display:box;
		text-align:right;
		margin-right:5px;
		justify-self:end;
		gap:5px;
	}
    .menu-item>a, .nav-action-item>i {
        font-size:20px;
    }
}
#menu-mobile {
    list-style:none;
    text-align:center;
    font-size:30px;
}
.menu-mobile-item {
    padding:20px;
}