*{background: var(--dark);  color:var(--dark-color);}
        body{display: flex; flex-wrap: wrap; text-align: center;}
        span{
        border-radius: 2em;
        display: block;
        box-shadow: var(--dark-shadow);        
        width: 25em;
        margin: 0.5em auto;
        padding: 1em;
        font-size: small;
               
        height: 2.4em;
        overflow: hidden;
        transition : all 0.5s;
        text-align: center;  
                      
        }
        #homebtn{
            position: absolute;
            top: 0.75em;
            right: 1em;
        }
        img{
            width: 100%;
        }
        *{transition : all 2s;}
        
        span h2{font-size: small; margin-bottom: 1.4em; margin-top: 0.7em;}
        h2{width: 100%; margin: 1em auto; margin-top:0.25em;}
        section{
            width: 100%;
            display: flex;
            flex-wrap: wrap;            
            margin: auto;                        
            height: 100%;       
            max-width: 50em;  
            position: relative;               
        }
       .exp{
           position: absolute;
           top: 0;
           left: 0;
           width: calc(100% - 2em);
           height:calc(100vh - 8.5em);
           overflow: scroll;
           z-index: 1;
       }
       div{
           width: calc(100% - 4em);
           box-shadow: var(--dark-shadow);   
           display: inline-flex;
           justify-content: space-between;
           padding: 1em;
           margin: auto;
           margin-top: 2em;
           border-radius: 1.5em;
           position: relative;
       }
       div img{
           width: 12em;
           max-width: 40%;
           
       }
       button{
           width: calc(100% - 2em);
           max-width: 27em;
        margin: 0.5em auto;
        padding: 1.75em;
        margin-top: 2em;
        border-radius: 2em;
        
        background: #0082ff;
        color: #fff;
        box-shadow: var(--dark-shadow);    
       
        
       }
       span p{
           text-align: left;
       }
       p img{
           width: 15em;
       }
       pre{
           text-align: left;
       }
       h4{text-align: left; color: #0082ff;}
       span *, div *{background: transparent;}