/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : Jun 9, 2024, 1:05:39 AM
    Author     : aj
*/

a{
    text-decoration: none;
}

.title{
    position: relative;
    left: 45%;
    text-decoration: underline;
    font-size: 30px;
}

#firstPortion
{
    border: 5px solid black;
    position: relative;
    
    width: 500px;
    left: 15%;
        display:flex;
        justify-content: space-between;
        align-items: center;
        
        font-size: 50px;

}




#article1
{
    position:absolute;
    left: 50%;
    top: 65%;
    width: 500px;

    

    font-size: 30px;


}

/*Luisa*/
#thirdPortion
{
    margin-top: 100px;

    border: 5px solid black;
    position: relative;
    
    width: 440px;
    left: 15%;
        display:flex;
        justify-content: center;
        align-items: center;
        
        font-size: 50px;

}

#article3
{
    position:absolute;
    left: 50%;
    top: 130%;
    width: 500px;

    

    font-size: 30px;


}


/*Micheal*/
#fourthPortion
{
    margin-top: 100px;

    border: 5px solid black;
    position: relative;
    
    width: 250px;
    left: 15%;
        display:flex;
        justify-content: center;
        align-items: center;
        
        font-size: 50px;

}

#article4
{
    position:absolute;
    left: 35%;
    top: 175%;
    width: 500px;

    

    font-size: 30px;


}





#secondBody
{
    position: relative;

    top: 130%;
    left: 5%;

    width: 1500px;
    height: 1000px;

    
}

h2
{
    position: relative;
    left: 36%;
    font-size: 50px;
    text-decoration: underline;

    margin-top: 100px;
}

#secondPortion
{
    border: 5px solid black;
    position: relative;
    
    width: 500px;
    left: 12%;

    font-size: 50px;
        display:flex;
        justify-content: space-between;
        align-items: center;
}


#article2
{
    position:absolute;
    left: 50%;
    top: 20%;
    width: 500px;

    font-size: 30px;


}



aside
{
    position:absolute;
    left: 55%;
    top: 45%;

  
    font-size: 30px;

    

    
}


.lastTitle
{
    position: relative;
}

#button
{
    position: relative;
    left: 17%;
    
}

.button
{
    font-size: 30px;        
    padding: 15px 30px;     
    width: 220px;           
    height: 60px;           
    background-color: lightskyblue; 
    color: white;           
    border: 5px solid black;           
    border-radius: 5px;     
    cursor: pointer; 

    
    display:flex;
    justify-content: center;
    align-items: center;


}


/*Survey*/

#survey
{
    position: relative;
  
    height: 250px;
    width: 900px;

    border: 5px solid black;
    left: 20%;

    display: flex;
    align-items: center;
    justify-content: center;
}

#surveytitle
{
    position: relative;
    left: 43%;
   
}



#surveyresults, #surveyportion
{
    position: relative;

    width: 700px;
    height: 200px;

    display: flex;
        flex-direction: column;
            align-items: center;
            justify-content: space-between;

}

.results
{
    font-size: 40px;


}