diff --git a/css/master.css b/css/master.css index 37ad107..a2068cd 100644 --- a/css/master.css +++ b/css/master.css @@ -52,41 +52,6 @@ body { justify-content: space-between; } -/* - -=-=-= FONT SIZES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- -*/ -h1 { - margin: 0 0 0.5rem 0; - - font-family: "Lexend Deca", sans-serif; - font-size: 30px; -} -h2 { - margin: 0 0 0.5rem 0; - - font-family: "Lexend Deca", sans-serif; - font-size: 27px; -} -h3 { - margin: 0 0 0.5rem 0; - - font-family: "Lexend Deca", sans-serif; - font-size: 24px; -} -h4 { - margin: 0 0 0.5rem 0; - - font-family: "Lexend Deca", sans-serif; - font-size: 21px; -} -p, a { - margin: 0 0 0.5rem 0; - font-family: "Fira Code", monospace; -} -a:hover { - color: var(--orange); -} - /* -=-=-= BACK TO TOP BUTTON =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ @@ -252,6 +217,8 @@ a:hover { .image-description { border: 0.2rem solid var(--green); + + word-wrap: break-word; } .image-detail { border: 0.2rem solid var(--green); @@ -313,7 +280,7 @@ a:hover { .alert { padding: 1rem; - width: calc(100% - 2rem); + width: auto; text-align: center; @@ -368,3 +335,31 @@ a.btn { margin-bottom: 0; text-align: center; } + +/* + -=-=-= FONT SIZES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- +*/ +h1, h2, h3, h4 { + margin: 0 0 0.5rem 0; + font-family: "Lexend Deca", sans-serif; +} +h1 { + font-size: 30px; +} +h2 { + font-size: 27px; +} +h3 { + font-size: 24px; +} +h4 { + font-size: 21px; +} + +p, a { + margin: 0 0 0.5rem 0; + font-family: "Fira Code", monospace; +} +a:hover { + color: var(--orange); +}