Guest User

Untitled

a guest
Nov 6th, 2026
20
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.70 KB | None | 0 0
  1. FILE: styles.css
  2. html {
  3.     -webkit-text-size-adjust: 100%;
  4.     text-size-adjust: 100%;
  5. }
  6. body{
  7.     padding: 25px;
  8.     margin-right: 500px;
  9. }
  10. .title {
  11.     color: #ffffff;
  12.     font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  13.     text-decoration: underline;
  14.     font-size: xx-large;
  15.     text-align: center;
  16.     margin-left: 500px;
  17. }
  18. .main{
  19.     color:#ffffff;
  20.     font-family: 'Courier New', Courier, monospace;
  21.     font-weight: bold;
  22.     font-size: large;
  23.     margin-left: 100px;
  24.     text-align: left;
  25. }
  26. .archive{
  27.     color:#ffffff;
  28.     font-family: 'Courier New', Courier, monospace;
  29.     font-weight: bold;
  30.     font-size: large;
  31.     margin-left: 110px;
  32.     text-align: left;
  33. }
  34. .about{
  35.     color:#ffffff;
  36.     font-family: 'Courier New', Courier, monospace;
  37.     font-weight: bold;
  38.     font-size: large;
  39.     margin-left: 100px;
  40.     text-align: left;
  41. }
  42. .parent-element {
  43.     display: flex;
  44.     flex-direction: row;
  45.     justify-content: flex-start;
  46.     align-items: center;
  47.     margin-left: 400px;
  48.     margin-top: -55px;
  49. }
  50. FILE: image_styles.css
  51. .main_image{
  52.     display: block;
  53.     margin-right: auto;
  54.     margin-top: 40px;
  55.     width: 500px;
  56.     height: 300px
  57. }
  58. .welcome{
  59.     font-family: 'Courier New', Courier, monospace;
  60.     font-size: medium;
  61.     color: white;
  62.     margin-top: -385px;
  63.     margin-left: 510px;
  64. }
  65. .da-title{
  66.     font-family: Georgia, 'Times New Roman', Times, serif;
  67.     font-size: large;
  68.     color: white;
  69.     margin-top: -460px;
  70.     margin-left: 0px;
  71.     white-space: nowrap;
  72. }
  73. .da-body{
  74.     font-family: 'Courier New', Courier, monospace;
  75.     font-size: small;
  76.     color: white;
  77.     align-self: flex-start;
  78.     margin-left: -80px;
  79.     margin-top: 30px;
  80. }
  81. .da-header{
  82.     font-family: Georgia, 'Times New Roman', Times, serif;
  83.     color: white;
  84.     font-size: x-large;
  85.     text-align: center;
  86.     margin-left: 500px;
  87. }
  88. .da-logline{
  89.     font-family:'Courier New', Courier, monospace;
  90.     color: white;
  91.     font-size: small;
  92.     text-align: justify;
  93.     margin-left: 600px;
  94. }
  95. figcaption{
  96.     color:white;
  97.     font-family: 'Courier New', Courier, monospace;
  98.     text-align: center;
  99.     animation: animate-click-here 2s linear forwards;
  100.     animation-iteration-count: infinite;
  101. }
  102. .parent-schmo {
  103.     display: flex;
  104.     flex-direction: row;
  105.     justify-content: flex-start;
  106.     align-items: center;
  107.     margin-left: 190px;
  108.     margin-top: 50px;
  109. }
  110.  
  111. @keyframes animate-click-here{
  112.     0%{
  113.         transform: scale(0.8);
  114.         color:rgb(255, 255, 255);
  115.     }
  116.     50%{
  117.         transform: scale(1);
  118.         color:crimson;
  119.     }
  120.     100%{
  121.         transform: scale(0.8);
  122.         color:rgb(255, 255, 255);
  123.     }
  124. }
Advertisement
Add Comment
Please, Sign In to add comment