*{ margin: 0px; padding: 0px; } header{ background-color: #221f78; display: grid; font-family: "Agbalumo", system-ui; color: antiquewhite; } footer{ background-color: #221f78; text-align: center; position: absolute; } h1{ color: #221f78; font-family: "Agbalumo", system-ui; font-size: 7rem; margin-top:50px; padding-left: 650px; } .grid-title{ display: grid; grid-template-columns: 1fr 1fr; } /*.fade-in-text { /* opacity adjustment background-color: rgba(215, 87, 159,.5); font-size: 70px; text-align: center; color: #221f78; font-family: "Agbalumo", system-ui; animation: fadeIn 2s; /* text stroke -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: rgb(235, 235, 235); }*/ body{ background-color: antiquewhite; min-height: 100vh; } /* background image: body{ background-repeat: no-repeat; background-size: 100%; }*/ .blue-button { background-color:#221f78; padding: 10px 15px; border-radius: 20px; border: 2px solid #221f78; font-family: "Agbalumo", system-ui; color: antiquewhite; text-shadow: 2px 2px 10px #0a0836; font-size: 20px; width: 25%; } .buttons{ display: grid; grid-template-columns: repeat(6,1fr); } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .box { background-color:rgb(213, 189, 159); } .container{ text-align: center; padding: 5px; margin: 20px; } .blue-button:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19); scale: 110%; transition: 0.2s e; } .blue-button:active{ background-color:#211e57; box-shadow: 0 5px rgba(22, 14, 65, 0.24); transform: translateY(4px); } .navbar { overflow: hidden; } /* Navigation links */ .navbar a { float: left; font-size: 25px; color: antiquewhite; text-align: center; padding: 24px 26px; text-decoration: none; } /* The subnavigation menu */ .subnav { float: left; overflow: hidden; } /* Subnav button */ .subnav .subnavbtn { font-size: 25px; border: none; outline: none; color: antiquewhite; padding: 24px 24px; background-color: inherit; font-family: inherit; margin: 0; } /* Add a background color to navigation links on hover */ .navbar a:hover, .subnav:hover .subnavbtn { background-color: rgba(53, 42, 118, 0.24); color: whitesmoke; transition: ease-in 0.15s; } /* Style the subnav content - positioned absolute */ .subnav-content { display: none; position: absolute; left: 0; background-color: rgba(128, 160, 211, 0.473); width: 100%; z-index: 1; } /* Style the subnav links */ .subnav-content a { float: left; color: #211e57; text-decoration: none; } /* Add a black background color on hover */ .subnav-content a:hover { background-color: rgb(128, 160, 211); color: #eee; } /* When you move the mouse over the subnav container, open the subnav content */ .subnav:hover .subnav-content { display: block; } @media (min-width: 1600px){ h1{ color: #221f78; font-family: "Agbalumo", system-ui; font-size: 7rem; margin-top:50px; padding-left: 650px; } }