html{
    scroll-behavior: smooth;
    scrollbar-width:thin
 }
 
 
 .DSRL-Logo{
     height: 90px;
     border-radius: 5%;
     position: absolute;
     top: 3px;
 }
 
 
 
 .navbar{
     display: flex;
     font-size: 25px;  
     font-family: 'Archivo';
 }
 
 header{
   display: flex;
   justify-content: space-between;
   margin-top: -35px;
   color: #000000;
   width: 100%;
   padding: 10px 5px;
   background-color: rgb(255, 255, 255);
   width: 99%;
   border:solid 11px #ffffff;
   margin-left: -9px;
 
   
 }
 
 #SiteName{
     top: -.5px;
     position: absolute;
     width: 100px;
     height: 70px;
     left: 115px;
     font-family: 'Archivo';
     font-style: normal;
     font-size: 15px;
     line-height: 170%;
     color: #000000;
     
 }
 
 body{
     background-size: contain;
     image-resolution: 300dpi;
     padding:0px;
     margin-top:30px;
 }
 
 #image{

    height: 0%;


    
 }
 
 
 
 .ConferanceLanding{
     display: flex;
     background: #00b1417c;
     padding-bottom: 10px;
     color: white; 
     margin-left: -7.8px;
     width:101%;
     border: #000000;
     text-align: center;
     align-items: center;
     
     
 }
 
 .MeetHosts{
     padding-bottom: 100px;
 }
 
 
 
 
 .Registration {
     text-align: center;
     padding: 20px 0; /* Optional: Adds some space around the section */
 }
 
 .qr-container {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%; /* Adjust as necessary */
 }
 
 #qr-code {
     width: 300px; /* Adjust width to your preference */
     height: auto;
 }




 #ConferanceTitle{
     color:  #04432c;
     font-weight: 900;
     font-size: 80px;
     width:60%;
     text-shadow: 1.2px 1.2px #655a5a;
     font-family: 'Archivo Black',sans-serif;
     line-height: 95%;
     display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center align items horizontally */
    justify-content: center; /* Center align items vertically */
    padding-bottom: 40px;
    color: white;
    width: 101%;
    text-align: center;
    
 }
 
 
 #CustomDSLogo{
    height: 20%;
    width:auto;

 

 }
 
 #LocationInfo{
     color: #060506;
     font-weight: 00000;
     font-size: 40px;
     width:100%;
     font-family: 'Archivo';
     text-align: center;
     padding:30px
 }
 
 #InfoContainer{
     text-align: center;
     align-items: center;
     padding: 70px;
     
 }
 
 #EventDetails{
     display: flex;
     font-size: 13px;
     font-family: 'Archivo';
     line-height: 300%;
     padding-top: 80px;
     padding-bottom: 80px;
     margin-right: 50px;
 
 }
 
 #WomanOnComputer{
     width: 40%;
     height:40%;
     border: 3px solid #4dbb6d ;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     
     
 }
 
 #Details{
     padding-top: 80px;
     padding-left:  90px;;
 }
 
 
 
 #HostingTitle{
 
     text-align: center;
     padding: 20px;
     color: #000000;
     font-weight: 900;
     font-size: 60px;
     width:95%;
     text-shadow: 1.2px 1.2px #655a5a;
     font-family: 'Archivo Black',sans-serif;
     line-height: 95%;
 }


 
 #HostingTitle2{
 
     text-align: center;
     padding: 20px;
     color: #000000;
     font-weight: 900;
     font-size: 60px;
     width:95%;
     text-shadow: 1.2px 1.2px #655a5a;
     font-family: 'Archivo Black',sans-serif;
     line-height: 95%;
 }
 #HostingTitle3{
 
     text-align: center;
     padding: 20px;
     color: #000000;
     font-weight: 900;
     font-size: 60px;
     width:95%;
     text-shadow: 1.2px 1.2px #655a5a;
     font-family: 'Archivo Black',sans-serif;
     line-height: 95%;
 }


 .btn31{

    padding: 20px;
    border-radius: 3px;
    background-color: #0e0b0b;
    text-decoration: none;
    color: #ffffff;
    font-family: 'Archivo Black',sans-serif;
    
 }


 #Registration{
    text-align: center;
    padding-top: 20px ; /* Optional: Adds some space around the section */
    color: #000000;
    font-family: 'Archivo Black',sans-serif;
 }
 
 #cards {
     display: flex;
     flex-wrap: wrap; /* Allows the cards to wrap to the next line if necessary */
     justify-content: center; /* Center the cards in the container */
     gap: 20px; /* Adds space between the cards */
     padding: 20px; /* Adds padding inside the container */
 
 }
 
 .card-container {
     flex: 1 1 300px; /* Flex-grow, flex-shrink, and base width */
     margin: 30px; /* Space around each card */
     max-width: 300px; /* Ensure cards don’t get too wide */
 }
 
 .card {
     width: 100%; /* Make the card take the full width of its container */
     background-color: rgb(255, 255, 255);
     border-radius: 8px;
     overflow: hidden; 
     box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);
     height: 400px;
     font-family:'Archivo' ;
 }
 
 .card img {
     width: 100%;
     object-fit: contain; /* Ensures the image covers the area without distorting its aspect ratio */
 }
 
 .card-content {
     padding: 16px;
     text-align: center;
 }
 
 .card-content h3 {
     font-size: 28px;
     margin-bottom: 8px;
 }
 
 .card-content p {
     font-size: 15px;
     line-height: 1.3em;
     text-align: center;
 }
 
 
 
 
 
 
 #cards2 {
     display: flex;
     flex-wrap: wrap; /* Allows the cards to wrap to the next line if necessary */
     justify-content: center; /* Center the cards in the container */
     gap: 20px; /* Adds space between the cards */
     padding: 20px; /* Adds padding inside the container */
 
 }
 
 .card-container2 {
     flex: 1 1 300px; /* Flex-grow, flex-shrink, and base width */
     margin: 10px; /* Space around each card */
     max-width: 300px; /* Ensure cards don’t get too wide */
 }
 
 .card2 {
     width: 100%; /* Make the card take the full width of its container */
     background-color: #ffffff;
     border-radius: 8px;
     overflow: hidden; 
     box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);
     height: 200px;
     font-family:'Archivo' ;
 }
 
 .card img {
     width: 100%;
     object-fit: contain; /* Ensures the image covers the area without distorting its aspect ratio */
 }
 
 .card-content2 {
     padding: 16px;
     text-align: center;
 }
 
 .card-content2 h3 {
     font-size: 28px;
     margin-bottom: 8px;
 }
 
 .card-content2 p {
     font-size: 15px;
     line-height: 1.3em;
     text-align: center;
 }
 
 
 
 #speaker2 {
     width: 100%; 
     max-height: 220px; /* Maintain the maximum height */
     object-fit:fill/* Ensures the image covers the area without distorting */
 }
 
 .btn12{
     text-decoration: none;
     color: #000000;
 }
 #DayTime{
 
     color: #0e0b0b;
     font-weight: 900;
     font-size: 50px;
     width:100%;
     text-shadow: 1.2px 1.2px #655a5a;
     font-family: 'Archivo Black',sans-serif;
     line-height: 95%;
     text-align: center;
 }
 
 
     
 
 
 footer {
     background-color: #00b1417c;
     color: #000000;
     padding: 10px 0;
     position: relative;
     bottom: 0;
     width: 101%;
     margin-left: -7.8px;
     padding-bottom: -10px;
     font-family: 'Archivo Black',sans-serif;

 }
 
 .footer-content {
     display: flex;
     justify-content: space-around;
     max-width: 1200px;
     margin: auto;
 }
 
 .footer-section {
     flex: 1;
     padding: 10px;
 }
 
 .footer-section h2 {
     font-size: 18px;
     margin-bottom: 10px;
 }
 
 .footer-section p, .footer-section ul, .footer-section a {
     font-size: 14px;
     line-height: 1.6;
     color: #000000;
    font-family: 'Archivo Black',sans-serif;

 }
 
 .footer-section ul {
     list-style: none;
     padding: 0;
 }
 
 .footer-section ul li {
     margin-bottom: 10px;
 }
 
 .footer-section ul li a {
     text-decoration: none;
     color: #000000;
     transition: color 0.3s;
     font-family: 'Archivo Black',sans-serif;

 }
 
 .footer-section ul li a:hover {
     color: #000000;
     font-family: 'Archivo Black',sans-serif;

 }
 
 .footer-bottom {
     text-align: center;
     margin-top: 20px;
     border-top: 1px solid #555;
     padding-top: 10px;
 }

 .StudentNames{
    display: flex;
    justify-content: space-between;
    gap: 10px;
 }
 
#StudentTitle{
    align-items: center;
    text-align: center;
}


 .Sponsers{
     gap: 50px;
     justify-content: space-between;
     text-align: center;
     
   
 }
 
 .Sponsers img {
     margin: 15px; /* Space around each image */
 }
 
 #MorganStateLogo{
     padding:20px;
     height:15%;
     width: 15%;
     border-radius: 30%;
     box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);
 }

 #IndividualNames2{
    margin-left: -10px;
 }
 
 #SetonHallLogo{
 
     height:20%;
     width: 20%;
     padding:20px;
     border-radius: 30%;
     box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);
 }
 
 #DSRL-Logo{
     height:15%;
     width: 15%;
     padding:20px;
     border-radius: 30%;
     box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);
 
 }
 
 #MedStarLogo{
     height:30%;
     width: 28%;
     padding: 20px;
     border-radius: 12px;
     box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);
     
 
 }

 .Schedule{
    display: flex;
    justify-content: space-around;
    font-family: 'Archivo Black',sans-serif;

 }

 .Schedule{
    display: flex;
    justify-content: space-around;
    font-family: 'Archivo Black',sans-serif;
    margin-left:-10px ;
 }


#Agenda{
    font-size: 60px;
    text-align: center;
    padding: 20px;
    color: #000000;
    font-weight: 900;
    width:90%;
    text-shadow: 1.2px 1.2px #655a5a;
    line-height: 95%;
    text-align: center;
     padding: 20px;
     color: #000000;
     font-weight: 900;
     font-size: 60px;
     width:95%;
     text-shadow: 1.2px 1.2px #655a5a;
     font-family: 'Archivo Black',sans-serif;
     line-height: 95%;
    

}

#Morning{
    font-size: 60px;
    width: 100%;
    text-align: center;
    

}

#Afternoon{
    font-size: 60px;
    text-align: center;

}

#Time{
    background-color: #bbb;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    font-size: 25px;
    width: 87%;
    margin-left: 35px;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);




}

 #Time2{

    background-color: #4dbb6d;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    margin: 20px;
    font-size: 25px;
    margin-left: 35px;;
    width: 87%;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);



 }
 
 #Time3{
    background-color: #00b1417c;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    margin: 20px;
    font-size: 25px;
    margin-left: 35px;;
    width: 87%;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);


 }

 #Time4{
    background-color: #bbb;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    font-size: 25px;
    margin-left: 35px;;
    width: 87%;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);


 }

 #Time5{
    background-color: #bcdc7b;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    margin: 20px;
    font-size: 25px;
    margin-left: 35px;;
    width: 87%;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);


 }

 #Time6{
    background-color: #4dbb6d;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    margin: 20px;
    font-size: 25px;
    margin-left: 35px;;
    width: 87%;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);

 }

 #Time7{
    background-color: #bcdc7b;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    margin: 20px;
    font-size: 25px;
    margin-left: 35px;;
    width: 87%;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);

    

 }

 #Time8{
    background-color: #00b1417c;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    margin: 20px;
    font-size: 25px;
    margin-left: 35px;;
    width: 87%;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);


 }

 #Time9{
    background-color: #bbb;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    margin: 20px;
    font-size: 25px;
    margin-left: 35px;;
    width: 87%;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);



 }

 #Time10{
    background-color: #4dbb6d;
    padding: 20px;
    font-family: 'Archivo Black',sans-serif;
    margin: 20px;
    font-size: 40px;
    margin-left: 35px;;
    width: 100%;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.335);


 }