nav{margin:0;
    display:flex;
    height:auto;
    background: #421e68;
    box-shadow: 0px 1px 0px rgba(17,17,26,0.15), 0px 0px 8px rgba(17,17,26,0.75);
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    align-items: center;
    padding: 0.2rem;

}
body{
    padding:0;
    font-family:  'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
    margin:0;
    color: white;
    background: #492173;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    line-height: 1.4;
  

}
html {
    margin:0;
    padding:0;

}

main{
    display: flex;
    flex-direction: column;
    /* justify-content:space-around; */
    /* align-items: center; */
    margin: 2vw;
}

.content{
    display: flex;
    align-items: center;
    background: #6d4d8f; 
    margin:1rem;
    margin-right:12%;
    margin-left:12%;
    border-radius: 0.5rem;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.c1{width:60vw;
    display:flex;
    flex-direction: column;
    justify-content:center;
    font-size: 1.2rem;
    padding:1rem;
    align-items: center; 
}
.title{
    font-size: 1.2rem;
    font-family:  'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
    margin-left: 1rem;
}

.subtitle{
    font-size: 2.2rem;
    text-decoration: underline;
    color: #ffe2fe;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
.subtitle2{
    font-size: 2.2rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    color:greenyellow;
}

nav a{
    text-decoration: none;
    font-size: 1.2rem;
color: white;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
nav a:hover{
    text-decoration: underline;
    color: #ffe2fe;
}

.card3{
    width: 50px; 
    cursor:pointer;
    margin-right: 10px;
}

.card2{
    width: 50px; 
    cursor:pointer;
    margin-left: 10px;
}

footer{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
align-content: space-between;
justify-content: center;
}

.cform{
    display:flex;
    flex-direction:row;

}
textarea{
    width:65%;
    background-color: rgba(255,255,255, 0.1);
    border: 2px solid;
    border-color: white;
    border-radius: 0.5rem;
    margin:0.5rem;
    color:white;
    min-height: 10vh;
}


label{
    margin:0.5rem;
}
input{
    background-color: rgba(255,255,255, 0.1);
    border: 2px solid;
    border-color: white;
    border-radius: 0.5rem;
    margin:0.5rem;
    color:white;
    min-height: 1.5rem;
}
.subbtn{
    padding:0.3rem;
    background-color: rgba(255,255,255, 0.1);
    color:white;
    border: 2px solid #ffffff;
    font-size: 1.2rem;
}


.subbtn:hover{
    transform: scale(1.1);
    color:white;
    background: #db3287;
    /* border: 2px solid #db3287; */
    border: 2px solid #ffffff
}

.subbtn:focus{
    transform: scale(1);
}

.logbtn{
    padding:0.3rem;
    background-color: rgba(255,255,255, 0.1);
    color:white;
    border: 2px solid #ffffff;
    font-size: 1.2rem;}
.logbtn:hover{
    transform: scale(1.1);
    color:white;
    background: #db3287;
    border: 2px solid #ffffff

}




#email{
    width:94%; 
}

#pno{
    width:94%;
}

form{margin-top: 1rem;}

select{
    background-color: rgba(255,255,255, 0.1);
    border: 2px solid;
    border-color: white;
    border-radius: 0.5rem;
    margin:0.5rem;
    color:rgb(168, 168, 168);
    min-height: 1.5rem;
    
}