new background, button layout

This commit is contained in:
John Hess 2022-10-10 11:18:26 -05:00
parent ddb9336a60
commit fa6c1d7977
11 changed files with 88 additions and 12 deletions

View file

@ -64,11 +64,34 @@ body {
border-radius: 50rem;
transition: all .3s ease;
text-decoration: none;
width: 100%;
width: fit-content;
&:hover {
background-color: lighten($gold, 5%);
}
margin-bottom: 10px;
.btn-split {
height: 60px;
display: inline-flex;
.btn-logo {
border-right: 1pt;
border-right-color: black;
border-right-style: solid;
height: 60px;
}
.btn-text {
text-align: left;
height:60px;
padding: 10px 20px;
.button-main-text {
font-size: 16px;
font-weight: 500;
}
.button-sub-text {
font-size: 11px;
font-weight: 400;
}
}
}
}

View file

@ -3,6 +3,8 @@
// -------------------------
body {
background-color: $gold;
background-image: url("/assets/images/btr-texture.png");
background-size: 100%;
min-height: 100vh;
}
@ -84,13 +86,13 @@ a:active {
margin-top: 175px;
height: Min(50vw, 250px);
text-align: center;
position:relative;
top: -90px;
.topper-img {
position: relative;
top: -170px;
width: 40%;
height: auto;
}
.content-title {
position: relative;
top: -150px;
margin-left: 15%;
margin-right: 15%;
font-size: 36px;
@ -182,6 +184,16 @@ a:active {
}
}
// -------------------------
// Footer Styles
// -------------------------
.btn-android {
margin: 10px 20px 10px 20px;
height: 40px;
width: auto;
}
// -------------------------
// Footer Styles