.background-div{background:#213174;background:linear-gradient(0deg,#213174,#8064a2);width:100%;height:100vh}.header-name-text-container{position:relative;width:50%;height:100vh;margin:auto;overflow:hidden;text-align:center;-webkit-user-select:none}.header-name-text{-webkit-user-select:none;position:absolute;font-size:2em;max-width:1920px;font-weight:lighter;text-align:center;color:#f5f5f5;padding-top:3%;padding-left:3%}.header-subject-ul{position:absolute;padding-top:10%;padding-left:5%;font-size:1rem}.header-subject-li{font-size:1.25rem;color:#f5f5f5;padding:0 10px;cursor:pointer;transition:.3s}.header-subject-li:hover{color:red}.header-subject-li a{text-decoration:none;color:#f5f5f5}.content-container{position:absolute;width:50%;height:50%;overflow:hidden;margin:auto;top:30%;left:50%;color:#f5f5f5}*{margin:0;padding:0;font-family:Playfair Display,serif;font-optical-sizing:auto;font-style:normal}a{text-decoration:none;color:#f5f5f5}