/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


* {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transition: margin 0.1s ease, padding 0.1s ease;
}

html {
  font-family: "Open Sans", sans-serif;
  height: 100%;
  width: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: clamp(15px, 2vw, 25px);
}

body {
  background: rgb(46,175,125);
  background: -moz-radial-gradient(circle, rgba(46,175,125,1) 0%, rgba(2,53,60,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(46,175,125,1) 0%, rgba(2,53,60,1) 100%);
  background: radial-gradient(circle, rgba(46,175,125,1) 0%, rgba(2,53,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2eaf7d",endColorstr="#02353c",GradientType=1);
  color: #f0f0f0;
  height: 100%;
  width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

main {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.logo {
  width: clamp(300px, 70%, 600px);
  height: auto;
  margin:auto;
}

.contact {
  font-family: "Roboto", Courier, monospace;
  position: fixed;
  bottom: 2vh;
  right: 2vw;
}

.letter {
  transition: fill 1s, color 1s, stroke 1s linear 0s;
  fill: transparent;
  paint-order: fill;
  stroke: #f0f0f0;
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  text-transform: capitalize;
  white-space: pre;
}