body {
    	font-family: "Comfortaa", sans-serif;
    	background: linear-gradient(#A7FCF2, #E5A7FC);
        margin: 0;
        padding: 0;
    }
    
    h1 {
    	color: white;
        text-align: center;
        text-shadow: 
        	0 0 5px #00f7ff,
            0 0 10px #00f7ff,
            0 0 20px #00f7ff;
        margin-top: 30px;
    }
    
    p {
    	color: cyan;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        max-width: 600px;
        margin: auto;
    }
    
    h2 {
    	color: white;
        text-align: center;
        text-shadow: 
        	0 0 5px #00f7ff,
            0 0 10px #00f7ff,
            0 0 20px #00f7ff;
    }
    
    ul {
    	list-style: none;
        padding: 0;
        text-align: center;
	color: white;
        }
    li {
    	margin: 15px 0;
	color: white;
        }
        
    ol {
    	list-style: none;
        padding: 0;
        text-align: center;
	color: white;
	}
    a {
    	color: #00f7ff;
        text-decoration: none;
        border: 1px solid #00f7ff;
        padding: 2px 15px;
        display: inline-block;
        box-shadow: 0 0 5px #00f7ff;
      }
    
    a:hover {
    	background: #00f7ff;
        color: black;
        box-shadow: 0 0 15px #00f7ff;
        transition: 0.3s;
        }
    cite {
	color: #00f7ff;
	text-align: center;
	padding: 5px 15px
	padding-bottom: 200px; 
	}
    button {
    	color: #00f7ff;
        text-decoration: none;
        border: 1px solid #00f7ff;
        padding: 2px 15px;
        display: inline-block;
        box-shadow: 0 0 5px #00f7ff;
      }
    
    button {
    	background: #00f7ff;
        color: black;
        box-shadow: 0 0 15px #00f7ff;
        transition: 0.3s;
        }

    .dropdown {
	position: relative;
     }

    .dropdown:content {
	display: none;
	position: absolute;
	background-color: #111111;
	min-width: 130px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
     }
    .dropdown:hover .dropdown-content {
	display: block;
     }