chad/chadsreactproject
1
0
Fork 0
mirror of https://github.com/DevEhChad/chadsreactproject.git synced 2025-11-08 13:31:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

First Commit

Browse Source
This commit is contained in:
Chad Doty
2023-04-30 13:52:52 -04:00
commit 7037aa4c3b
48 changed files with 18731 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/styles/Home.css Normal file
View File

@@ -0,0 +1,98 @@
.home {
width: 100%;
height: 90vh;
display: flex;
justify-content: center;
align-items: left;
flex-direction: column;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.headerContainer {
width: auto;
margin-left: 50px;
}
.headerContainer h1 {
justify-content: center;
align-items: center;
font-size: 90px;
height: 60px;
font-weight: 50;
color: black;
}
.headerContainer p {
padding: 0;
font-size: 40px;
font-weight: lighter;
color: black;
}
.headerContainer button {
color: black;
border: none;
border-radius: 5px;
cursor: pointer;
justify-content: center;
background-color: #121619;
height: 50px;
width: 180px;
color: white;
text-decoration: none;
font-size: 20px;
}
.headerContainer button:hover {
background-color: #07090a;
cursor: pointer;
transition: 0.3s ease-in;
}
@media only screen and (max-width: 650px) {
.home {
justify-content: center;
align-items: center;
}
.headerContainer h1,
.headerContainer p {
}
.headerContainer {
margin-left: 0px;
border-radius: 10px;
padding: 10px;
width: 80%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #121619;
color: white;
}
.headerContainer h1 {
font-size: 40px;
height: 30px;
color: white;
}
.headerContainer p {
font-size: 30px;
color: white;
}
.headerContainer button {
background-color: white;
color: #121619;
margin-bottom: 30px;
}
.headerContainer button:hover {
background-color: rgb(225, 225, 225);
color: #121619;
}
}