/*
Color Pallet For Me
#38023F Dark Purple
#CFED7F light greenish yellow
#7B0394 bright purple
#75578D murky purple 
#74AF67 green
#A2CF98 light green
*/


@font-face {font-family: RockSalt; src: url('RockSalt-Regular.ttf');}
@font-face {font-family: IBMPlexMono; src: url('IBMPlexMono-Regular.ttf');}
p.a {
			font-family: Georia,serif;
			}
	
		p.dotted {border-style: dotted;}
		
			body {
				font-size: 1.5 em;
				font-weight: normal;
				font-family: Verdana, Arial, sans-serif;
				color: #906AA5;
				border-style: double;
				padding: 1em;
				border-width: 2em;
				border-style: dotted;
				border-color:  #DBB7E0;
				background-color: #F6E0FF;
			}
			
			h1 { text-align: left;
				font-size: 2em;
				font-weight:bold;
				color: #1D0E1F;
				font-family: RockSalt;
				display: inline;
				}
			
				
			p.solid {border-style: solid;
				border-style: solid;
				border-width: 10px;
				border-style: solid;
				border-color:  #1D0E1F;
				border-right-style: solid;
				border-left-style: solid;
				text-decoration-line: underline;
			}
				
				h2 {
				 font-size: 1.5em;
				 font-weight:bold;
				 color: #DCB9EF;
				 text-align:left;
				 font-family: RockSalt;
				 padding: 1em;
				 background-color: #44134B;
				 border: 15px solid;
				 margin: 20px;
				 text-decoration-line: underline;
				 border-color: #FFFFFF;
				 border-style: double;
				 border-width: 10px;
				  width: 200px;
				}
			

			p {
				background-color: #44134B;
				color: #FFFFFF;
				padding: 2.5em;
				border-width: 10px;
				border-style: double;
				border-color: #FFFFFF;
				margin: 10px;
				}
			 
			ul {
				list-style-image: url('star.png');
				}
			
			ol {background-color: #75578D;
				color: #FFFFFF;
				padding: 2.5em;
				border-width: 10px;
				border-style: double;
				border-color: #FFFFFF;
				margin: 10px;
			    }
				
			p#alert {
				color: #38023F;
				font-weight:bold;
				background-color: #E3CCF0;
				border: 2 px solid #38023F;
				}
				
			div.info {
				border: .5em;
				padding: 1em #FFFFFF;
				background-color: #E3CCF0;
				color: #38023F;
				}
				
			nav {
			    text-align; /* Align the navigation to the right */
			    margin-top: 20px; /* Adjust top margin as needed */
                font-size: 25px;
                font-family: RockSalt;
				}
				
		   li.menu {
				display: inline;
				padding: 10px;
				margin: 10px;
			    }
			    
		  h2#photoalbum {
		   		border-style: double;
		   		border-width: 10px;
		   		border-color: #FFFFFF;
		   		text-align: center;
		   	    padding: 1em;
			    margin: 20px;
		        }
		        
		        tbody { 
		        background-color: #75578D;
				color: #FFFFFF;
				padding: 2.5em;
				border-width: 10px;
				border-style: double;
				border-color: #FFFFFF;
				margin: 10px;
                  
                 }			
                 
                 caption{
                 font-size: 2.8em; 
                 text-align: left; 
                 }
                 
                 td{
                 padding: 16px;
                 }
                 
                 th{
                 text-align: center;}
                 
                  footer{
                  text-align: center;
                  margin:auto;
                  }
                  
                  button{
                  font-size: 1.1em;
                  background-color: #E3CCF0;
                  color: #FFFFFF;
                  border: 2px 
                  box-shadow: 4px 4px 4px #75578D;
                  }
                  
                  button:hover, button:focus, button:active{
                   /* swap colors */
                   color: #FFFFFF;
                   background-color: #E3CCF0;
                   cursor: pointer; /* displays a hand */ 
                   }
				
				
	    /*Link Qualities*/
	    a:hover {
	    color: #38023F
	    }
	    a:visited {
	    color: #38023F;
	    }
	    a:link {
	    color: #38023F;
	    }