body{ background-image: url("http://ava7.com/w/actors/jack-black/jack-black-actor.jpg"); background-repeat: no-repeat; background-size: stretch; cursor: url('guitarcursor.png'), default; } .newsfeed__movie { height: 38vh; width: auto; border: 1px solid black; } .newsfeed { /* background-color: lightslategray; */ padding: 1em; border: 3px solid black; } .newsfeed__article p { font-style: italic; display: flex; justify-content: space-around; font-size: 1.5em; margin-left: 40px; } .newsfeed__list { list-style-type: none; text-align:center; } .newsfeed__footer { font-size: 0.7em; text-align: center; } .career{ /* background-color: lightslategray; */ font-family: Helvetica, sans-serif; color: black; border: 0.5px dotted black; } .section__content__career{ font-size: 1.2em; text-align: justify; margin-left: 4em; } #filmTitleAndPosters{ margin-left: -4em; } #filmPosters{ display:flex; justify-content: left; } .filmimg:hover{ box-shadow: 0 19px 26px 0 rgba(236, 220, 220, 0.2), 0 19px 40px 0 rgba(235, 182, 182, 0.19) } #filmPosterTitles{ display:flex; justify-content: space-evenly; list-style-type: none; } .filmItem{ font-family: Geneva, Tahoma, sans-serif; text-decoration: none; } .filmItem:hover{ font-weight: bold; font-size: 1.1em; } .filmimg{ border:2px solid rgb(234, 236, 231); margin: 0.7em; box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 8px 25px 0 rgba(0, 0, 0, 0.19) } .award__content{ font-style: oblique; font-size: 1.5em; } .career__paragraph{ margin-left: 4em; margin-right: 4em; padding: 2em; } /* NAVBAR-CODE COPIED FROM DARYL */ .navbar{ display: flex; font-family:Helvetica, sans-serif; background-color: lightslategray; justify-content: space-around; margin: 3em; padding: 1em; border: 3px solid black; } .nav__element{ color: black; text-decoration: none; } /* SUBHEADING CENTER & STYLE */ .subheading{ text-align: center; font-family: Helvetica, sans-serif } /* TEXT BELOW TITLE */ .jack-birth{ text-align: center; font-weight: bold; } /* FAMILY INFORMATION & PICS */ .image-box{ background-color: lightslategray; border: 3px solid black; height: auto; width: 60vw; text-align: center; margin: auto; } .familyMembers{ list-style-type: none; text-align: center; font-family: Helvetica, sans-serif; font-weight: bold; } .family-img{ height: 30vh; width: auto; border: 1px solid black; } .family-img:hover{ opacity: 0.5; filter: alpha(opacity=50); } .name{ display: flex; font-family: Helvetica, sans-serif; font-size: xx-large; justify-content: center; } .Bio__Photo1{ height: 38vh; width: auto; margin: 1em; } .Bio__Photo2{ height: 38vh; width: auto; margin: 1em } .img{ justify-content: center; } .photos{ display: flex; justify-content: center; margin: 1em } .sub__subheading{ display: flex; justify-content: center; font-family: Helvetica, sans-serif; font-size: large; } .subheading{ display: flex; justify-content: center; font-family: Helvetica, sans-serif; font-size: x-large; } .contact{ display: flex; justify-content: center; font-size: 2em; font-family: Helvetica, sans-serif; } .footer{ display: flex; justify-content: center; } /* SOCIAL MEDIA ICONS W/ WORKING LINKS */ .footer-image{ height: 80px; width: 80px; } .footer-image:hover{ opacity: 0.5; filter: alpha(opacity=50); } .contact__info{ display: flex; font-family: Helvetica, sans-serif; padding: 1em }