@font-face {                  
font-family: 'Gothamono';
src: url(https://humantooth.neocities.org/fonts/Gothamonov0.2-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

@font-face {
  font-family: "Hollywoo";
  src: url("https://file.garden/acSSy28XdjJpG1oV/Hollywood%20Capital.ttf");
}

            body {
                font-family: Gothamono;
                margin: 0;
                background-size: 65px;
                color: black;
                background-image: url(https://cdn.imgchest.com/files/d204c4dcc5a8.jpeg);
                background-size: cover;
                       cursor: url("https://kiunlo.neocities.org/cursors/fullsets/blackhole/pointer.png"), auto;
            }

           html, body {margin: 0}
            
            #container {
                max-width: 1000px;
           
                margin: 0 auto;
           
            }
            
        

          


            #container a {
                color: #4c3db2;
                font-weight: bold;
               
            }
            
            a { 
                text-decoration: none; 
                
            }
a:hover {
    text-decoration: underline; 
}

            #header {
                background-size: 100%;
            }

  
            #navbar {
                height: 210px;
            }

          
            #flex {
                display: flex;
            }

         .border { 
            width: 400px; 
            position: relative; 
            background: linear-gradient(180deg,rgba(133, 122, 252, 1) 0%, rgba(79, 67, 204, 1) 100%);
            border: 3px solid #0d0038;
            padding: 3px; 
            flex: 1;
                padding: 10px;
        } 
        
        .inner { 
            background: white; 
            border: 3px solid #0d0038;
            padding: 25px; 
            flex: 1;
                padding: 10px;
        } 

            main {
                flex: 1;
                padding: 20px;
            }



            h1,
            h2,
            h3 {
                font-family: 'Hollywoo';
                color: #4c3db2;
            }

            h1 {
                font-size: 55px;
                
            }

         

.gradient-text {
    background: linear-gradient(180deg,rgba(12, 2, 57, 1) 0%, rgba(76, 61, 178, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
   
}


 .img-floatinganim {
animation-name: floating; 
animation-duration: 3s; 
animation-iteration-count: infinite; 
animation-timing-function: ease-in-out;
} 


@keyframes floating { 
0% { 
transform: translate(0,  0px); 
} 

50%  { 
transform: translate(0, 15px); 
} 

100%   {
transform: translate(0, -0px); 
} 
}     

            @media only screen and (max-width: 900px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 100%;
                }

                main {
                    order: 1;
                }

                

                #navbar ul {
                    flex-wrap: wrap;
                }
                
                row {
                    display: flex;
                     flex-wrap: wrap;
  justify-content: center;
                }
              
              p {
                  font-size: 20px;
            
              }
              
              details {
                font-size: 20px;
              }
             
             
            }