1 ul { 2 padding-left: 0; 3 list-style-position: inside; 4 } 5 6 h4 { 7 padding: 0 0 .5em 0; 8 } 9 10 .presentation { 11 float: left; 12 margin-right: 1em; 13 /* margin-bottom: 1em; */ 14 text-align: center; 15 } 16 17 .profile_img { 18 margin-left: auto; 19 margin-right: auto; 20 21 max-width: 10em; 22 23 border-style: dashed; 24 border-color: peru; 25 /* border-width: 1.75px; */ 26 border-radius: 0em; 27 28 box-shadow: 1px 1px 5px black; 29 } 30 31 .contact_me { 32 animation: blinker 1s linear infinite; 33 } 34 35 @media (max-width: 800px) { 36 .article_bottom_bar{ 37 width: 45%; 38 margin-top: 1em; 39 } 40 .presentation { 41 float: none; 42 margin-left: auto; 43 margin-right: auto; 44 } 45 .profile_img { 46 max-width: 75%; 47 margin-bottom: 1em; 48 } 49 } 50 51 @media (prefers-color-scheme: light) { 52 .article_bottom_bar { 53 border-top: 1px dashed #191919; 54 } 55 } 56 57 @keyframes blinker { 58 50% { 59 color: white; 60 } 61 }