outlook.css

body {
    background-color: black;
    min-height: 100%;
    width: 100%;
    box-sizing:border-box;
    margin:0px;
    
}
.main{
	padding: 15px;
}
.navbar-nav{
    margin: auto;
    gap: 40px;
	color:black;
	
}
.navbar{
	height: 60px;
	width: auto;
}
	
.navbar-nav .nav-link{
        color: black; 
}

.navbar-nav .nav-link.active .nav-brand.active {
    color: black; 
}

.navbar-nav .nav-link:hover  {
    color: black; 
}


.first{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0px;
}
.img1{
	width:800px;
	height:auto;
}
.content1 {
    width: 950px;
	border-radius: 15px;
    height: 400px; 
    /*padding: 20px;  Adds some padding around the content */
    background-image: url('https://t3.ftcdn.net/jpg/06/77/65/30/240_F_677653048_lAOmOCU30h1aaVAUt7YoP6lWh71ojdkJ.jpg'); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    color: white; 
    text-align: center; 
	display:flex;
	justify-content: center;
	align-items:center;
}


.content1 h3 {
    color: white; 
}

.content1 p {
    font-size: 1.3rem;
    color: whitesmoke; 
	text-align: left;
}



.content1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: -1; 
}


.content-paragraph-font-size{
	font-size: 17px;
}

.push-first-paragraph{
	margin-bottom: 5.7em;
	margin-top: 4.5em
}

.push-second-paragraph{
	margin-top:3.2em;
	margin-bottom:2.5em;
}

.push-third-paragraph{
	margin-top:5.5em;
}

.push-down-second-image{
	margin-bottom:6.5em;
}

.push-down-third-image-for-footer{
	margin-bottom:2em;
}

.first-paragraph-reducing-properties{
	margin-top:3em;
	margin-bottom:4.7em; 
}

.first-paragraph-experiment-properties {
	margin-top:2.9em;
	margin-bottom:3em;
}

.second-paragraph-experiment-properties {
	margin-top:4em;
	margin-bottom:2.8em;
}

.second-image-experiment-properties {
	margin-bottom:3em;
}

.third-image-experiment-properties {
	margin-bottom:3em;
}

.end-text-outlook-properties {
	margin-top:2em;
	margin-bottom:2em;
}

.first-paragraph-outlook-properties {
	margin-top:4.5em;
	margin-bottom:4em;
}
.first-image-outlook-properties iframe {
    box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.5); 
}
.second-paragraph-outlook-properties {
	margin-top:5em;
	margin-bottom:4em;
}

.second-image-outlook-properties {
	margin-bottom:4.8em;
	margin-top:3em;
}

.third-image-outlook-properties {
	margin-bottom:3em;
}

.first-image-outlook-properties{
	margin-top:1.5em;
}



a:link{
	color: #000000;
}

a:visited{
	color:blue;
}

a:hover{
	color:#ff9933;
}

a:active{
	color:#00b33c;
}

.rightside {
	float: right;
	width:48%;

}

.leftside {
	width:48%;
	float:left;
}

.clearfloat {
	clear:both;
}
h3 {
    text-shadow: 2px 2px 4px whitesmoke; 
}
.footer {
    background-color: #333;
    color: #fff;
    padding: 20px 0;
}
.footer-logo{
    margin-left: 0px;
}
/* .footer-logo img {
     width: 150px; 
} */

.footer-links,
.footer-contact,
.footer-social {
    margin: 20px 0;
}

.footer-links h2,
.footer-contact h2,
.footer-social h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.footer-links ul {
    list-style: none;
    padding: 0;
}

.footer-links ul li {
    margin-bottom: 5px;
}

.footer-links ul li a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-links ul li a:hover {
    color: #3498db;
}

.footer-contact p,
.footer-contact a {
    margin-bottom: 5px;
    color: #fff;
    text-decoration: none;
}

.footer-contact a:hover {
    color: #3498db;
}

.footer-social .social-icon {
    margin-right: 10px;
}

.footer-social .social-icon img {
    width: 30px;
    height: 30px;
}

.footer-bottom {
    text-align: center;
    margin-top: 20px;
    border-top: 1px solid #555;
    padding-top: 10px;
}
.u {
    display: flex; 
    align-items: center; 
    font-size: 14px; 
    gap: 5px;
    margin-left: 10px;
}

.happ{
    margin-top: 15px;
}
.fcontainer {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}