/*For objects to be wrapped:*/
        .wrap-left {float: left; margin-right: 20px}
        
        .wrap-right {float: right; margin-left: 20px}
        
        /*For grey Navigation Bar:*/
        .navigation-bar {width: fit-content; background-color: #D9D9D9; padding: 10px 16px 10px 16px; border-radius: 15px}

        /*For All Navigation Bar formats:*/
        
        nav {font-size: 18px; padding-left: 0; margin-left: 0}
        
        nav a {display: inline-block; text-align: left; color: black; text-decoration: underline; transition: transform 0.2s ease; padding-right: 6px}
        
        nav a:hover {transform: scale(1.085); color: white; background-color: #000140; padding: 3px; border-radius: 15px}
        
        nav nav ul li.selected a {color: white; background-color: #999999; border-radius: 15px; padding: 3px}
        
        nav li {display: inline; list-style: none}

        nav ul {padding: 0; margin: 0}
        
        .mobile-only {display: inline}
        
        .desktop-only {display: inline}
        
        .text-shadow {text-shadow: 5px 5px 12px #000140}
        
        /*For middle Grey content box's*/
        .content-box {height: fit-content; background-color: #D9D9D9; padding: 30px; padding-top: 5px; border-radius: 15px}
        
        /*For Important things:*/
        .important {color: red}
        
        /*For a white background:*/
        .white-background {background-color: #FFFFFF; padding-top: 5px; border-radius: 15px}
        
        main h1 {background-color: #FFFFFF; padding-top: 5px; border-radius: 15px}
        
        .aside-white-background {background-color: #FFFFFF; margin: 0px 15px 15px 0px; border-radius: 15px}
        
        /*For Table formatting:*/
        aside {width:25%; text-align: right; display: block; box-sizing: border-box; float: left; border-radius: 15px}
        
        section {width: 75%; padding-bottom: 15px; margin-bottom: 15px; display: block; box-sizing: border-box; float: right}
        
        .container {display: flex; border-radius: 15px; overflow: hidden}
        
        .box {border: 2px solid black}
        
        blockquote {margin: 15px 0px 15px 40px; text-align: justify}
        
        blockquote:first-letter {font-size:2em; font-weight: bold}
        
        figure {width:450px; display:inline-block; margin:15px}
        
        figcaption {text-align: center}
        
        /*For main text styles:*/
        html {width: 100%; background-image: url('images/Background.jpg'); background-repeat:repeat; font-family:Verdana}
        
        /*Heading format used for basic section headings*/
        h1 {text-align:center; font-size:24px; font-weight:bold}
        
        /*Heading used for right-aligned headings; 2-Column headings, etc:*/
        h2 {font-size: 24px; font-weight: bold; padding-right:5px}
        
        p {font-size: 18px}
        
        img {max-width:100%; height:auto; border-radius: 15px}
        
        footer {bottom: 0; width: 100%; text-align:center; font-size:14px; border-radius:15px}
        
        #AboutMe {background-color:white; border-radius:15px}
        
        #Education {background-color:white; border-radius:15px}
        
        #References {background-color:white; border-radius:15px}
        
        footer1 {width: 650px; background-color:white; border-radius:15px}
        
        body {width: 1040px; margin: auto; align-items: center}
        
        ul {margin-left: 20px; list-style: circle; list-style-position: inside}
        
        ol {margin-left: 20px; list-style-position: inside}
        
        .cursor-zoom-hover {cursor: zoom-in}
        
        /*Mobile-Optimized Formatting*/
        @media (max-width: 1320px) {
            main {float: right; margin: auto; width: 78%; align-items: center; text-align: left}
            
            .navigation-bar {width: fit-content; background-color: #D9D9D9; padding: 16px 16px 16px 16px; border-radius: 15px}
            
            .desktop-only {display: none}
            
            .container {display: block}
            
            nav {float: left; width: 100%; font-size: 32px; padding-left: 0; margin-left: 0}
        
            nav a {display: block; text-align: center; color: black; text-decoration: underline; transition: transform 0.2s ease; padding-bottom: 3px; padding-top: 3px}
            
            nav nav ul li.selected a {color: white; background-color: #999999; border-radius: 15px; padding: 3px}
            
            nav li {display: block; list-style: none}
    
            nav ul {padding: 0; margin: 0}
            
            footer {bottom: 0; width: 100%; text-align:center; font-size:16px; border-radius:15px}
            
            footer1 {width: 100%; background-color:white; border-radius:15px}
            
            section {width: 72%}
        }
        
        /*Desktop-Optimized Formatting*/
        @media (min-width: 1321px) {
            .mobile-only {display: none}
        }