body {
  background-image: url(academicbackgroundd.gif);
  background-size: cover;

  background-repeat: no-repeat;
  margin: 0;
   padding: 0;
 height: 100vh;       
 min-height: 100vh;
 overflow-x: hidden;
  color: rgb(105, 255, 5);
  font-family: sans-serif;
}
@media (max-width: 768px) {
  section {
    padding: 5vw; /* already there, but increase specificity if needed */
    background-size: cover; /* not contain — contain can leave empty space */
  }
}

.maintitle{ 

  font-family: 'List';
    font-size: 3rem;
   justify-content: center;
   padding-left: 30rem;
animation:
    floaty-move 3s ease-in-out infinite,
    sparkle-shift 12s linear infinite alternate;
}

/* Gentle vertical float */
@keyframes floaty-move {
  0%   { transform: translateY(1); }
  50%  { transform: translateY(-7px); }
  100% { transform: translateY(3); }
}



.link-title {
font-family: 'Links', sans-serif;
  font-size: 2rem;
  padding-left: 5rem;
  padding-bottom: 1.4rem;
justify-content: center;
}
@font-face {
font-family: 'Links'; 
src: url('Conflict3040-WpnRV.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}

.academicsec {

position: relative;
}

.Academic {
   filter: drop-shadow(0 0 4px #09ff46) drop-shadow(0 0 3px #ff4c4c);
  color: rgb(255, 255, 255);
  font-family: 'List', sans-serif;
  font-size: 4rem;
  padding-left: 3rem; 
    display: inline-block;
  animation:
   
    skew 12s linear infinite alternate;
    
}
@keyframes skew {
  0%   { transform: skewX(3px) }
  50%  { transform: skewX(5px) }
  100% { transform: translateY(3); }
}


@font-face {
font-family: 'List'; /*this is the name used for CSS*/
src: url('Agelast-mLlAm.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
.titleimg {
background-image: url(academicstitle.gif); width: 600px; height: 200px; background-repeat: no-repeat; background-size: 20rem;}

.ulstyle {

    text-decoration: wavy;
     animation: glow 1.5s ease-in-out infinite alternate;
   filter: drop-shadow(0 0 6px #00ff15) drop-shadow(0 0 1px #03460e);
    color: rgb(0, 255, 76);
  font-family: 'Links', sans-serif;
  font-size: 1.9rem;
  padding-left: 2rem; 
}
@keyframes floaty-move {
  0%   { transform: translateY(1); }
  50%  { transform: translateY(-7px); }
  100% { transform: translateY(3); }
}

.bullet-gif li {
  position: relative;
  padding-left: 2.5rem; /* space for bullet */
  margin-bottom: .3rem;
  list-style: none;

}

.bullet-gif li::before {
  content: "";
  position: absolute;
  left: 0;
 top: 0rem;
width: 2rem;
height: 4rem;
  background-image: url('cyberlist.gif');
  background-size: 2rem;
  background-repeat: no-repeat;
}

.listbackground {

  background-image: url(academic5.jpg);
  background-repeat: none;
  width: 890px; height: 350px; background-size: 60rem
}

.earthgifcyber {
  background-image: url(academic6.gif);
  width: 600px; height: 200px; background-repeat: no-repeat; background-size: 20rem
}






.end-message {
  position: sticky;
  bottom: 0;
width: 100%;
text-align: center;
 color: rgb(8, 248, 60);
}