diff --git a/assets/css/style.css b/assets/css/style.css index 31a2ace..41712f0 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,143 +1,142 @@ -*{ - font-family: 'Raleway', sans-serif; +* { + font-family: "Raleway", sans-serif; } html { - scroll-behavior: smooth; + scroll-behavior: smooth; } -.main-banner{ - margin-bottom: 3%; +.main-banner { + margin-bottom: 3%; } -.team-img img{ - margin: 7px 0; +.team-img img { + margin: 7px 0; } -.names-wrapper{ - margin: 0 auto; +.names-wrapper { + margin: 0 auto; } -.names{ - margin: 5px 0; - font-size: 20px; - font-weight: 500; - border: 1px solid black; - border-radius: 15px; - width: 90%; - padding: 3px; +.names { + margin: 5px 0; + font-size: 20px; + font-weight: 500; + border: 1px solid black; + border-radius: 15px; + width: 90%; + padding: 3px; } -.container1 .card img{ - height: 282px; - object-fit: fill; +.container1 .card img { + height: 282px; + object-fit: fill; } -.card-body{ - padding: 20px; +.card-body { + padding: 20px; } -.brand-logo{ - font-size: 25px !important; +.brand-logo { + font-size: 25px !important; } -.container1{ - width: 95%; - margin: 0 auto; +.container1 { + width: 95%; + margin: 0 auto; } -.btn-primary{ - background: #007BFF; - position: absolute; - bottom: 0; - margin-bottom: 15px; +.btn-primary { + background: #007bff; + position: absolute; + bottom: 0; + margin-bottom: 15px; } -.btn-primary:hover{ - background: #007BFF; +.btn-primary:hover { + background: #007bff; } -.container1 .card{ - height: 521px; - position: relative; +.container1 .card { + height: 521px; + position: relative; } -.card-body .card-title{ - font-weight: bold; +.card-body .card-title { + font-weight: bold; } -#projects{ - min-height: 550px; +#projects { + min-height: 550px; } -a:hover{ - color: white !important; - font-weight: 600 !important; - text-decoration: none; +a:hover { + color: white !important; + font-weight: 600 !important; + text-decoration: none; } - - -.page-footer a:hover{ - color: rgb(204, 201, 201) !important; - font-weight: 600 !important; - text-decoration: none; -} -.sidenav{ - padding-top: 50px; -} -.sidenav a:hover{ - color: black !important; - font-weight: 600 !important; - text-decoration: none; -} - -.page-footer a{ - color: #BBB; +.page-footer a:hover { + color: rgb(204, 201, 201) !important; + font-weight: 600 !important; + text-decoration: none; } -.page-footer h5{ - font-weight: bold; +.sidenav { + padding-top: 50px; } -.carousel-item img{ - height: 200px; - min-width: 200px; +.sidenav a:hover { + color: black !important; + font-weight: 600 !important; + text-decoration: none; } -.desc{ - font-size: 1.4em !important; -} -@media screen and (max-width:958px){ - #projects{ - min-height: 500px; - } - -} -@media screen and (max-width:799px){ - #projects{ - min-height: 450px; - } -} -@media screen and (max-width:613px){ - #projects{ - min-height: 400px; - } +.page-footer a { + color: #bbb; +} +.page-footer h5 { + font-weight: bold; +} +.carousel-item img { + height: 200px; + min-width: 200px; +} +.desc { + font-size: 1.4em !important; +} +@media screen and (max-width: 958px) { + #projects { + min-height: 500px; + } +} +@media screen and (max-width: 799px) { + #projects { + min-height: 450px; + } +} +@media screen and (max-width: 613px) { + #projects { + min-height: 400px; + } +} +@media screen and (max-width: 604px) { + #projects { + min-height: 650px; + } +} +@media screen and (max-width: 513px) { + .brand-logo { + font-size: 20px !important; + } +} +@media screen and (max-width: 491px) { + .brand-logo { + font-size: 19px !important; + } +} +@media screen and (max-width: 436px) { + .footer-img img { + height: 30px !important; + } + .brand-logo { + font-size: 17px !important; + } } -@media screen and (max-width:604px){ - #projects{ - min-height: 650px; - } -}@media screen and (max-width:513px){ - .brand-logo{ - font-size: 20px !important; - } -} -@media screen and (max-width:491px){ - .brand-logo{ - font-size: 19px !important; - } -} -@media screen and (max-width:436px){ - .footer-img img{ - height: 30px !important; - } - .brand-logo{ - font-size: 17px !important; - } +@media screen and (max-width: 359px) { + .brand-logo { + font-size: 15px !important; + } } -@media screen and (max-width:359px){ - .brand-logo{ - font-size: 15px !important; - } +a:visited { + color: yellow; } - diff --git a/index.html b/index.html index 74d1c23..892fb2c 100644 --- a/index.html +++ b/index.html @@ -29,7 +29,7 @@