diff --git a/project-4/app.css b/project-4/app.css index 88773b5..a4c1a75 100644 --- a/project-4/app.css +++ b/project-4/app.css @@ -11,4 +11,54 @@ body{ } .y{ color:rgba(255,0,0,0.3); -} \ No newline at end of file +} +nav { + display:flex; + flex-direction: row; + justify-content: center; + align-items: center; + min-height: 8vh ; + /* width:100vw; */ + /*background-color: rgb(87, 84, 84);*/ + background-color: rgba(163, 4, 79, 0.747); + /* overflow: hidden; */ + /* position: fixed; */ + /* top: 0; */ + /* opacity: 0.1; */ + + +} +h3{ + color:rgba(5, 5, 5, 0.911); + font-size: 22px; +} + + + +.links { + display: flex; + flex-direction: row; + align-items: center; + width: 45%; + justify-content: space-around; + +} +.links li { + list-style: none; + /* transition: transform .2s; */ +} +.links a { + text-decoration:none ; + font-size: 25px; + color:rgb(255, 250, 250); + opacity: 0.7; + font-family: 'Alegreya Sans SC'; + transition: transform .5s; + font-weight: lighter; +} + + +.links a:hover { + color:rgb(0, 0, 0); + font-weight: bold; +} diff --git a/project-4/bootstrap.css b/project-4/bootstrap.css index ba44276..d7cccb6 100644 --- a/project-4/bootstrap.css +++ b/project-4/bootstrap.css @@ -194,6 +194,7 @@ figure { img { vertical-align: middle; border-style: none; + height: 20px; } svg { diff --git a/project-4/index.html b/project-4/index.html index 6a5a3fb..eb224fa 100644 --- a/project-4/index.html +++ b/project-4/index.html @@ -3,11 +3,12 @@ + - + -