Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .background-white {
- background: white;
- }
- .background-blue {
- background: lightblue;
- }
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- html {
- font-family: 'Roboto';
- font-size: 10px;
- }
- body {
- font-size: 1.6rem;
- }
- .profile-photo {
- height: 25rem;
- width: 25rem;
- border-radius: 50%;
- border: 0.5rem solid rgba(14,47,124, 0.5);
- box-shadow: 0 0 0.5rem 0.5rem #4267b2;
- }
- .portfolio {
- color: #646464;
- }
- a {
- text-decoration: none;
- }
- ul li {
- list-style: none;
- }
- ul li a {
- display: block;
- width: 100%;
- color: white;
- padding: 1.5rem
- }
- ul li a:hover {
- background: #2e4774;
- }
- main {
- width: 80rem;
- margin: 0 auto;
- min-height: calc(100vh - 14.5rem);
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- padding: 0 1.5rem 0 1.5rem;
- }
- .weather {
- height: 15rem;
- width: 30rem;
- margin: 1rem auto;
- padding: 1rem;
- border: 0.5rem solid #4267b2;
- border-radius: 2rem;
- }
- h1 {
- font-size: 4rem;
- padding: 2rem;
- }
- h2 {
- padding: 1rem;
- }
- h3 {
- padding-bottom: 1rem;
- }
- .toggle-background {
- display: block;
- margin: 2rem auto;
- padding: 1rem;
- font-size: 2rem;
- color: #fff;
- background: #4267b2;
- border: none;
- border-radius: 1rem;
- outline: none;
- }
- .toggle-background:focus {
- box-shadow: 0 0 0 0.2rem #BC243C;
- }
- .toggle-background:hover {
- background: #29487d;
- cursor: pointer;
- }
- #description > div {
- margin-top: 2rem;
- }
- .underline-container {
- display: none;
- }
- .underline {
- width: 15rem;
- height: 1rem;
- margin: 2rem auto 0 auto;
- background: #4267b2;
- border-radius: 5rem;
- }
- footer {
- margin-top: 4rem;
- padding: 1rem;
- text-align: center;
- color: #fff;
- }
- @media screen and (min-width: 768px) {
- li a {
- padding: 2rem 5rem;
- }
- #description > div {
- width:30%;
- }
- p + .underline {
- display:none;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement