section:hover #text1{top:-50px;opacity:0}#text2{top:0;position:relative}section:hover #text2{top:-40px;color:#fff;margin-left:5%;font-size:.9rem}section:hover #box,section:hover #text2{visibility:visible;display:block;opacity:1}section:hover #box{background-color:#1d7adb;margin-left:1%;border-radius:10px}section:hover #icon{transform:rotate(180deg)}.section1:hover #text1{background-color:#fff;color:#034488}.section1:hover #text2{color:#fff}.section2:hover #text4{background-color:#fff;color:#034488}.section2:hover #text3{color:#fff}.section3:hover #text5{background-color:#fff;color:#034488}.section3:hover #text6{color:#fff}.section4:hover #text8{background-color:#fff;color:#034488}.section4:hover #text7{color:#fff}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:#fff;overflow-x:hidden;transition:.5s;padding-top:60px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}.sidenav a:hover{color:#f1f1f1}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}