body {
    background-image: url(https://spr1an.ru/images/background.jpg); /* Путь к фоновому изображению */
    background-color: #008B8B; /* Цвет фона */
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    font-family: arial;
    font-size: 15px;
   }
   
   .block1 { /* Приветствие */ 
    width: 220px; 
    background: #3CB371;
    padding: 5px;
    border: solid 1px black;
	box-shadow: 0px -5px 10px black /* Верхняя граница */, -5px 5px 10px black /* Левая граница */, 5px 5px 10px black /* Правая граница */, 0px 20px 10px black /* Нижняя граница */;
    border-radius: 10px 10px 0px 0px;
    float: center;
   }
   
   .block2 { /* Информация */ 
    width: 220px; 
    background: #DC143C;
    font-family: arial;
    font-size: 14px;
    padding: 5px;
    border: solid 1px black; 
	box-shadow: 0px -1px 5px black /* Верхняя граница */, -5px 5px 10px black /* Левая граница */, 5px 5px 10px black /* Правая граница */, 0px 5px 10px black /* Нижняя граница */;
    float: center;
    position: relative;
    top: px; 
    left: px;
   }
   
   .block3 { /* Контакты */ 
    width: 220px; 
    background: #66CDAA; 
    padding: 5px; 
    border: solid 1px black; 
	box-shadow: 0px 0px 0px black /* Верхняя граница */, -5px 5px 10px black /* Левая граница */, 5px 5px 10px black /* Правая граница */, 0px 0px 0px black /* Нижняя граница */;
    border-radius: 0px 0px 10px 10px;	
    float: center; 
    position: relative; 
    top: px; 
    left: px; 
   }
   
   .block4 { /* Wake up Neo */ 
    color: #7AFE80;
	font-family: Courier New,Courier;
	font-size: 16px;
    width: 180px;
    background: black; 
    padding: 0px; 
    border: solid 1px black; 
	box-shadow: /* 0px 0px 0px black /* Верхняя граница */, -5px 5px 10px black /* Левая граница */, 0px 5px 10px black /* Правая граница */, 0px 0px 0px black /* Нижняя граница */ */;
    border-radius: 5px 5px 5px 5px;	
    float: left; 
    position: absolute; 
    bottom: 20px; 
    right: 50px; 
   }
   
   .parent {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center; 
    justify-content: center; 
    overflow: auto;   
	}
	 
    .block {
    background: ;
   }
  

    A.mail {
   text-decoration: none;
   color: #000000;
    }

   A.linkstyle {
    display: block;
    color: black; /* Цвет ссылки */
    background: url(); /* Иконка */
    background-position: 0% 70%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding-left: 0px;
    text-decoration: none;
    border-bottom: 0px solid black; /* добавляем нижнюю границу */
    padding-bottom: px; /* делаем небольшое расстояние между текстом и границей */
    }
	
	A.matrixstyle {
    display: block;
    color: #7AFE80; /* Цвет ссылки */
    text-decoration: none;
    }
	
	
	.loadingstyle{
    background: url(https://spr1an.ru/images/loading.svg); /* Иконка прогресс-бара */
    background-position: 0% 0%;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    padding-left: 20px;
    }
	
	@keyframes typing {
    from { width: 0 }
    }
    @keyframes caret {
    50% { border-color: transparent; }
    }
    p {
    width: 15ch; /* Ширина текста */
    overflow: hidden;
    white-space: nowrap;
    border-right: .05em solid;
    animation: typing 6s steps(15),
    caret 1s steps(1) infinite;
	}
}