<!DOCTYPE html>
<html>
<head>
<!--Scan the QR code on your device to access and use the app-->
</head>
<body>
<h1>Want to be a scholar?</h1>
<h3>Select your grade level.</h3>
<a href="https://nimblecat48.qoom.space/middleSchool.html" target="_blank"><button type="submit" id="mid">6th - 8th</button> </a>
<a href="https://nimblecat48.qoom.space/highSchool.html" target="_blank"><button type="submit" id="high">9th - 12th</button></a>
<h4>Find the right scholarship on time!</h4>
<style>
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@500&display=swap');
body{
background-image:linear-gradient(35deg,#F0FFF0,#FFF0F5);
}
h1{
font-family:'Darker Grotesque';
font-size:280px;
color:#00FA9A;
text-align:center;
margin-left:10px;
margin-right:30px;
}
h4{
font-family:'Darker Grotesque';
color:#48D1CC;
font-size:150px;
text-align:center;
margin-left:10px;
margin-right:30px;
margin-top:120px;
}
h3{
font-family:'Darker Grotesque';
color:#FFB6C1;
font-size:100px;
text-align:center;
}
#mid{
font-family:'Darker Grotesque';
font-size:22px;
color:#DC143C;
background-color:#FFE4E1;
padding:15px 20px;
border:2px solid #FFFACD;
margin-left:290px;
text-align:center;
outline:none;
font-size:100px;
border-radius:10%;
}
#mid:hover{
background-color:#FFFACD;
}
#high{
font-family:'Darker Grotesque';
font-size:22px;
color:#DC143C;
background-color:#FFE4E1;
padding:15px 20px;
border:2px solid #FFFACD;
border-radius:10%;
margin-left:275px;
margin-top:200px;
text-align:center;
outline:none;
font-size:100px;
}
#high:hover{
background-color:#FFFACD;
}
</style>
</body>
</html>