html,body{height:100%;margin:0}

@font-face {
    font-family: 'jt';
    src: url('../fonts/JetBrainsMonoNL-ExtraLightItalic.ttf');
}

body{
    background:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100vh;
}

.logo{
    position: absolute;
    top: 10px;
    left: 10px;
    width:90px;
    height:90px;
    object-fit:contain;
    display:block;
    border-radius: 45% 10%;
    border: 1px dashed #fff;
}

.centered-text {
    height: auto;
    width: auto;
    max-width:90vw;
    max-height:90vh;
    object-fit:contain;
    display:block;
    font-family: "jt";
    font-size: 18px;
    color: #fff;
    margin: 120px;
}

.centered-logo img {
    height: auto;
    width: auto;
    max-width:90vw;
    max-height:90vh;
    object-fit:contain;
    display:block;
    font-family: "jt";
    font-size: 18px;
    color: #fff;
    margin: 120px;
    width:120px;
    height:120px;
    border-radius: 45% 10%;
    border: 1px dashed #fff;
}

.rotatable-image {
  transform-origin: center center; 
}

.rotatable-image:hover {
  animation: spin 2s linear infinite;
  cursor: pointer;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

img{user-select:none;-webkit-user-drag:none}