.navbar {
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 12px;
}

.navbar div {
    float: left;
}

.part1,
.part2,
.part3 {
    float: left;
    background-color: #fae351;
    color: #000000;
    padding: 12px;
    font-size: 17px;
    border: 2.5px solid #9879b0;
    min-height: 25px;
}

.part4,
.part5 {
    float: left;
    background-color: #d2c364;
    color: #000000;
    padding: 12px;
    font-size: 16px;
    border: 2.5px solid #9879b0;
    min-height: 25px;
}

.part1hide,
.part2hide,
.part3hide {
    background-color: #fae351;
    border: 2px solid #9879b0;
    display: none;
    position: absolute;
    padding: 0px;
    margin-top: 52px;
    min-width: 160px;
    z-index: 1;
}

.part4hide,
.part5hide {
    background-color: #e4d156;
    border: 2px solid #9879b0;
    display: none;
    position: absolute;
    padding: 0px;
    margin-top: 52px;
    min-width: 160px;
    z-index: 1;
}

/*1*/
.part1hide a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border: solid 1px #d2c046;
}

.part1hide a:hover {
    background-color: #d2c046;
}

.intro:hover .part1hide {
    display: block;
}

.intro:hover .part1 {
    background-color: #9879b0;
}

/*2*/
.part2hide a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border: solid 1px #d2c046;
}

.part2hide a:hover {
    background-color: #d2c046;
}

.dobbleGeometry:hover .part2hide {
    display: block;
}

.dobbleGeometry:hover .part2 {
    background-color: #9879b0;
}

/*3*/
.part3hide a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border: solid 1px #d2c046;
}

.part3hide a:hover {
    background-color: #d2c046;
}

.cardTrick:hover .part3hide {
    display: block;
}

.cardTrick:hover .part3 {
    background-color: #9879b0;
}

/*4*/
.part4hide a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border: solid 1px #d2c046;
}

/*
.part4hide a:hover {
    background-color: #d2c046;
}*/
.finite:hover .part4hide {
    display: block;
}

.finite:hover .part4 {
    background-color: #9879b0;
}

/*5*/
.part5hide a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border: solid 1px #d2c046;
}

/*
.part5hide a:hover {
    background-color: #d2c046;
}
*/
.block:hover .part5hide {
    display: block;
}

.block:hover .part5 {
    background-color: #9879b0;
}