Skip to content

Instantly share code, notes, and snippets.

@walidum
Created August 7, 2021 11:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save walidum/f88cbc77c4a843b41abd1d876a72d95f to your computer and use it in GitHub Desktop.
Save walidum/f88cbc77c4a843b41abd1d876a72d95f to your computer and use it in GitHub Desktop.
style.css
body {
margin: 0;
}
.navbar {
width: 100%;
height: 5vh;
display: flex;
justify-content: space-between;
box-shadow: 0 2px 1px -1px gray;
margin-bottom: 2px;
}
.left-side {
width: 40%;
height: inherit;
display: flex;
align-items: center;
}
.left-side img {
width: 3rem;
height: .9rem;
margin-left: .7rem;
cursor: pointer;
margin-bottom: 2px;
}
.item span {
font-size: .6rem;
color: #2d2d2d;
}
.item {
margin-right: .5rem;
margin-left: .5rem;
height: inherit;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.item:hover {
border-bottom: #146084 1px solid;
}
.right-side {
width: 40%;
height: inherit;
display: flex;
justify-content: flex-end;
align-items: center;
}
.pipe {
border-left: 1px solid #2d2d2d;
height: .9rem;
}
.selected span {
color: #2557a7;
font-weight: bold;
}
.main {
width: 100%;
height: 95vh;
display: flex;
justify-content: center;
}
.content {
margin-top: 5rem;
width: 65%;
height: 20rem;
}
.top-content {
width: 100%;
display: flex;
flex-direction: column;
}
.title-1 {
font-size: 2.75rem;
line-height: 1.25;
letter-spacing: -.0625rem;
}
.title-2 {
font-size: 1.25rem;
line-height: 1.5;
}
.form {
margin-top: 2rem;
width: 100%;
height: 10vh;
display: flex;
justify-content: space-between;
}
.container-input-1 {
width: 30%;
}
.container-input-2 {
width: 30%;
}
.container-input-1 span, .container-input-2 span {
font-size: .7rem;
font-weight: bold;
}
.container-input-1 input, .container-input-2 input {
border-radius: .2rem;
outline: none;
border: 1px black solid;
}
.search {
width: 25%;
height: 1.5rem;
background-color: #2557a7;
border-radius: .5rem;
display: flex;
justify-content: center;
align-items: center;
align-self: flex-end;
}
.search span {
color: #fff;
font-size: .7rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment