import styles from '../styles/Background.module.css';

export default function Background() {
    return (
        <>
        <div className={styles.actualbackgroundfunny}></div>
        <div className={styles.main}>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'2vh', left:'0.5vw'}}>
                function TheRed() {'{'}<br/>
                    <span className={styles.tab}/>console.log('is this explosive?');<br/>
                {'}'}
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{bottom:'5vh',right:'2vw'}}>
                function Website() {'{'}<br/>
                    <span className={styles.tab}/>console.log('Feeling absolutely great!');<br/>
                {'}'}
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{bottom:'50vh',right:'5vw'}}>
                // WHAT DID YOU JUST SAY TO ME
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{bottom:'15vh',left:'5vw'}}>
                // THIS IS NOT TERRIBLE DESIGN! THIS IS INNOVATIVE!
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'20vh',right:'5vw'}}>
                function justARandomPieceOfCode() {'{'}<br/>
                    <span className={styles.tab}/>console.log('very funny');<br/>
                {'}'}
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'22vh',left:'3vw'}}>
                // please don't tell me this is not good enough for beta 2 alpha 1 ;-;
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'35vh',right:'20vw'}}>
                // shit has went down ;-;
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'5vh',right:'5vw'}}>
                // NO
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'10vh',right:'10vw'}}>
                // fuck off i ain't a pedo, neither do i support them
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'3vh',right:'15vw'}}>
                {/* <i className={['fas fa-quote-left', styles.rainbowText, styles.ownRainbow].join(' ')} style={{marginLeft:'-25px',marginTop:'10px',position:'fixed',color:'rgba(255,255,255,0.5)',scale:'.9'}}/> */}
                // Me getting suspended over this is genuinely stupid.
                {/* <i className={['fas fa-quote-right', styles.rainbowText, styles.ownRainbow].join(' ')} style={{marginLeft:'5px',marginBottom:'-10px',position:'fixed',color:'rgba(255,255,255,0.5)',scale:'.9'}}/> */}
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{bottom:'8vh',right:'35vw'}}>
                // DUCKS AIN'T EXPLOSIVE, THEY NOT A NUCLEAR BOMB!!!11
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'5vh',left:'23vw'}}>
                function cheese() {'{'}<br/>
                    <span className={styles.tab}/>console.log('mmm cheesy');<br/>
                {'}'}
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'27vh',left:'.5vw'}}>
                "I am not pleased to be a bomb. Please do not make me a bomb.".toBomb();
            </div>
            <div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'40vh',left:'5vw'}}>
                let TheRed = new Developer();
            </div>
            <div className={[styles.code, styles.speedRainbowText, styles.ownRainbow].join(' ')} style={{color:'rgba(0,0,0,0)',opacity:'1'}}>
                . - + ---==== WEEEEEEEE ={'>'}
            </div>
        </div>
        </>
    )
}