@charset "UTF-8";

/*
	Chebucto Payment Style Sheet
    Author: Christopher Charles, Forde Nedimović
    Creation Date: 2023/07/26
    Modified Date: 2023/07/26
*/

/* ====================================
   Universal Rules For Donations.html
   ====================================
*/

body
{
   background-color: green;
}

.paymentForm
{
   background-image: url("../Images/CCNIcon.png");
   background-repeat: no-repeat;
   background-origin: content-box;
   background-size: 15%;
   background-position: 1.5% 0;
   border: solid black 1px;
   background-color: white;
   width: 70%;
   margin: 2.5% 15%;
}

#chebuctoIcon
{
   margin: 0 8%;
   height: 15%;
   width: 40%;
}

.subsectionTitle
{
   margin: 0;
   padding-top: 5%;
   padding-bottom: 2.5%;
   text-align: center;
   color: rgba(9,74,10,255);
   font-size: 2rem;
}

h3
{
   width: 80%;
   margin: 2.5% 10%; 
   padding: 5px;
   background-color: rgba(9,74,10,255);
   color: white;

   /* Makes all inputs + select boxes uniform in length */
   text-shadow: 1.5px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
   -webkit-box-sizing: border-box ;
   -moz-box-sizing: border-box ;
   box-sizing: border-box;
}

button
{
    width: 20%;
    margin: 2.5% 10% 5% 10%;
    height: 40px;
    border-radius: 5px;
    border: white solid 2px;
    background-color: rgba(9,74,10,255);
    color: white;
    font-weight: bold;
}

/* ===============================
   Mobile Styles: 0px to 600px 
   ===============================
*/
@media only screen and (max-width: 600px) and (min-width: 0px)
{

}

/* ===============================
   Tablet Styles: 601px to 950px 
   ===============================
*/
@media only screen and (max-width: 950px) and (min-width: 601px)
{

}

/* =============================================
   Small Desktop Screen Styles: 951px to 1050px 
   =============================================
*/
@media only screen and (max-width: 1050px) and (min-width: 951px) 
{

}

/* =============================================
   Large Desktop Screen Styles: 1051px to 1500px 
   =============================================
*/
@media only screen and (max-width: 1500px) and (min-width: 1051px) 
{

}