* {
    padding : 0;
    margin : 0;
}

@media (prefers-color-scheme: dark) {
  body {
    /* В целом мне нравятся темные темы, но выберем белый фон */
    background: #ffffff;
    color: #000000;
  }
}
@media (prefers-color-scheme: light) {
  body {
    /* Кто-то просил светлую тему? */
    background: #000000;
    color: #ffffff;
  }
}

.cssgrid {
/*background : black;
  color : white;*/
	display: grid;
	justify-content: center;
    height: 100%;
    width: 100vw;
    gap: 1% 1%; 
    grid-template-rows: 70vh 30vh;
    grid-template-columns: 0.99fr;
	align-items: center;
    text-align: center; 
    align-content: space-around;

/*	background : blue;*/
	}

.footer {
background: white;
color: black;
font-family: monospace;
font-size: 3.5vw;
overflow: hidden;
/*grid-row-start: 1;*/

}

.contactBtn {
  width: 60vw;
  height: 10vh;
  background-image: linear-gradient(135deg, #f34079 40%, #fc894d);
  border: none;
  border-radius: 20px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  font-size: 3.5vw;
}

.contactBtn:active {
  box-shadow: 2px 2px 5px #fc894d;
}

	
.typewriter
{
/*background: blue;*/
}
	.typewriter p {
		font-family: monospace;
/*		font-size: 1.5rem;*/
		font-size: 5vw;
		margin-inline: auto;
		overflow: hidden;
		
		white-space: nowrap;
		border-right: 3px solid;
		
		animation: typing 3s steps(27) forwards,
		blink 1s step-end infinite;
		}
		
		@keyframes typing {
			from {
			width:0;
			}
			to {
			width:100%;
			}
			
			}
			
			@keyframes blink {
				50% {
				border-color: transparent;
				}
				}