html {
   height: -webkit-fill-available;
   max-width: 100%;
}

body, html {
   padding: 0px;
   margin: 0px;
   scroll-behavior: smooth;
}

body {
   overflow-x: hidden;
   display: block;
}

*,::after,::before { 
   box-sizing: inherit
}

.containerdiv {
   padding-left: 1rem;
   padding-right: 1rem;
}

.logodiv {
   position: relative;
   top: 15px;
   align-items: center;
   display: flex;
   height: 15%;
   margin-top: .2rem;
   font-family: 'Rajdhani', serif;
   color: gray;
   font-size: 1em;
   animation-name: logo;
   animation-duration: 1s;
}

@keyframes logo {
   from {font-size: 3em;}
   to {font-size: 1em;}
}

.spandiv {
   font-family: 'Alex Brush';
   font-size: 4em;
   position: relative;
   top: -15px;
   background: -webkit-linear-gradient(110grad, #080B33, #DA2001);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.picdiv {
   background: transparent;
   padding: 0px;
   display: flex;
   width: 100%;
   height: 85%;
}

img {
   height: 654px;
   width: 700px;
   display: block;
   aspect-ratio: auto 500 / 467;
   max-width: 100%;
   height: auto;
}