.main-login-div{background-image:url(https://tse2.mm.bing.net/th?id=OIP.tvIl9dd4kkIYddxjGi8RkAHaGs&pid=Api&P=0&w=300&h=300);min-height:100vh;overflow:hidden}.login-headertext{color:#f2ae30;font-size:xx-large;padding-bottom:0;padding-top:10px}.login-headertext,.login-page-welcome{font-family:Playfair Display;text-align:center}.login-page-welcome{color:#f2c12e;font-size:50px}.basic-intro{color:#f2cb05;font-family:Sacramento;font-size:35px;margin-bottom:0;text-align:center}.sub-box{border-radius:16px;left:30%;margin-bottom:50px;padding:5px;position:relative;top:5%;width:40vw}.login-info{font-family:Montserrat;font-size:.9rem;margin:0;padding-bottom:10px;padding-top:20px;text-align:center}.normal-submit-btn{background-color:#f28157;font-family:Handlee;font-size:1rem;font-weight:700;margin-bottom:1rem;width:100%}.normal-submit-btn:hover{background-color:#d96941;color:#fff}.auth-submit-btn{background-color:#f2c12e;font-family:Handlee;font-size:1rem;font-weight:700;width:100%}.auth-submit-btn:hover{background-color:#f2ae30;color:#fff}@media screen and (max-device-width:550px) and (min-device-width:359px) and (orientation:portrait){.sub-box{left:0;width:100%}.login-page-welcome{font-size:40px}}@media screen and (max-device-width:358px) and (orientation:portrait){.sub-box{left:0;width:100%}}body{margin:0;padding:0}.date-box{border-radius:20px;left:33%;position:relative;top:10vh;width:33vw}.today-post-box{left:25%;margin:10px;position:relative;top:2vw;width:50vw}.inner-today-post-info{display:flex}.home-icon-div{padding-top:20px;text-align:center}@media screen and (min-device-width:550px) and (max-device-width:1024px){.date-box{left:20%;width:60vw}.today-post-box{left:10%;margin:0;text-align:center;width:80vw}}@media screen and (max-device-width:550px) and (min-device-width:359px) and (orientation:portrait){.date-box,.today-post-box{left:0;width:100%}.today-post-box{margin:0;text-align:center}.inner-today-post-info{display:inline;text-align:center}}@media screen and (max-device-width:358px) and (orientation:portrait){.date-box,.today-post-box{left:0;width:100%}.today-post-box{margin:0;text-align:center}.inner-today-post-info{display:inline;text-align:center}}.diary-entry-div{left:10vw;padding:20px;position:relative;width:75vw}@media screen and (max-device-width:550px) and (min-device-width:359px) and (orientation:portrait){.diary-entry-div{left:0;width:100%}}@media screen and (max-device-width:358px) and (orientation:portrait){.diary-entry-div{left:0;width:100%}}