.articleCard{margin:50px auto;width:60%;display:flex}.articleCard:hover{cursor:pointer}.articleLeftBox{width:75%}.articleLeftBox *{margin-bottom:10px}.articleLeftBox .info{display:flex;gap:1vw}.articleRightBox{margin-left:5%;width:20%}@media screen and (max-width:800px){.articleCard{width:78%}.articleLeftBox{width:65%}.articleLeftBox *{margin-bottom:5px}.articleLeftBox h1{font-size:larger}.articleRightBox{margin-left:0;width:38%}}.headerBox{background-color:#20b2aa;height:400px;padding-left:20px}.headerBox h1{padding-top:100px;font-size:5vw}.headerBoxItem{margin-top:25px;margin-right:10px;font-size:20px}.headerBox button{margin-top:25px;padding:5px;border-radius:10px;background-color:#4169e1;color:#fff;font-weight:700}.headerBox button:hover{cursor:pointer}@media screen and (max-width:800px){.headerBox{height:350px}.headerBox h1{font-size:50px}.headerBoxItem{font-size:20px}}footer{padding:10px 0;bottom:0;color:#fff;text-align:center}footer,nav{width:100%;position:fixed;background-color:#20b2aa}nav{display:flex;gap:50vw;padding:15px 3vw;border-bottom:1px solid #000}.navLeft{font-weight:700;font-size:20px}.navRight,nav ul{display:flex;gap:4vw}nav ul{padding:5px;list-style-type:none;color:#fff;font-weight:700}.navButtonBox{display:flex;gap:1vw}.navButton{padding-top:2px;width:75px;height:25px;text-align:center;font-weight:700;background-color:#4169e1;color:#fff;border-radius:5px}.navButton:hover{cursor:pointer;background-color:#00008b}.navMobile{display:none}.themeHandle{position:absolute;right:110px;:hover{cursor:pointer}}@media screen and (max-width:800px){nav{gap:0}.navRight{margin-top:40px;flex-direction:column;gap:3vw;font-size:medium;text-align:center}.navRight *{display:flex;flex-direction:column}.navButton{padding:3px;height:25px}.navMobile{position:absolute;display:block;right:60px;top:12px}.navMobile:hover{cursor:pointer}.themeHandle{right:25px;top:12px}}