Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- h1,h2{
- font-family: 'Alegreya SC', serif;
- }
- .nice_to_meet_you{
- margin-left:40px;
- background-color:#E5E5E5;
- padding-bottom: 30px;
- }
- .hello{
- margin-left:50%;
- }
- .intro{
- background-color: #934A5F;
- }
- *{
- font-family: 'Source Serif Pro', serif;
- }
- p{
- margin-left: 5%;
- margin-right: 5%;
- }
- .pablo_quote{
- background-color: #934A5F;
- color:white;
- text-align: center;
- padding:30px;
- }
- .character_title{
- margin-left:50%;
- }
- .emphasis{
- text-emphasis:
- }
- #get_in_touch{
- background-color:#E5E5E5;
- padding-bottom: 30px;
- }
- #headshot{
- border-radius: 50%;
- width:120px; /* you can use % */
- height: auto;
- }
- /*these media queries are for later*/
- /*
- ##Device = Desktops
- ##Screen = 1281px to higher resolution desktops
- */
- @media (min-width: 1281px) {
- //CSS
- }
- /*
- ##Device = Laptops, Desktops
- ##Screen = B/w 1025px to 1280px
- */
- @media (min-width: 1025px) and (max-width: 1280px) {
- //CSS
- }
- /*
- ##Device = Tablets, Ipads (portrait)
- ##Screen = B/w 768px to 1024px
- */
- @media (min-width: 768px) and (max-width: 1024px) {
- //CSS
- }
- /*
- ##Device = Tablets, Ipads (landscape)
- ##Screen = B/w 768px to 1024px
- */
- @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
- //CSS
- }
- /*
- ##Device = Low Resolution Tablets, Mobiles (Landscape)
- ##Screen = B/w 481px to 767px
- */
- @media (min-width: 481px) and (max-width: 767px) {
- //CSS
- }
- /*
- ##Device = Most of the Smartphones Mobiles (Portrait)
- ##Screen = B/w 320px to 479px
- */
- @media (min-width: 320px) and (max-width: 480px) {
- /*box-sizing:border-box;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement