<!--
 _____ _              _               _     _             
|_   _( )            | |             | |   (_)            
  | | |/ _ __ ___    | |     ___  ___| |__  _  __ _ _ __  
  | |   | '_ ` _ \   | |    / _ \/ __| '_ \| |/ _` | '_ \ 
 _| |_  | | | | | |  | |___|  __/\__ \ |_) | | (_| | | | |
 \___/  |_| |_| |_|  \_____/\___||___/_.__/|_|\__,_|_| |_|

⠀⠀⠀⠀⠀⢀⣀⣀⣤⣤⣤⣤⣀⣀⠀⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⣠⡶⠞⠛⠫⢤⣀⠀⠙⣷⡀⠈⠙⣲⠋⠙⢦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⡾⣋⡤⠤⠤⠤⢤⣈⡷⠖⠛⠋⠙⠓⣿⠀⠀⡞⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣾⠉⢀⡤⠖⠒⢦⡴⠋⠀⠀⠀⠀⠀⠀⠀⠀⣰⠃⣿⠀⠀⠀⠀⠀⠀⣠⡴⢶⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⢀⡏⠀⠀⠀⣼⠁⠀⣀⡀⠀⠀⠀⠀⠀⠐⠋⢠⡏⣇⠀⠀⡴⢻⡶⠋⢀⡞⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠸⡆⠀⠀⠀⣇⠀⣸⡏⠟⣿⣦⣀⢀⠀⠀⠀⢰⡇⢹⠀⣸⠃⠜⠁⢀⣞⡤⠴⢶⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢹⡄⢣⠀⠀⠀⢹⡀⠸⡇⢸⣿⣄⣹⡿⣷⡦⢄⡟⠀⢸⣶⣇⣤⡀⣠⠿⠋⠀⣠⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠳⡄⠳⡀⢀⣠⡇⠀⠱⣧⡻⡿⣿⠁⠀⢀⡼⠁⠀⡾⣿⠋⢠⡷⠃⢀⣠⠞⠁⠀⠀⢀⣠⠤⠴⠶⠶⠶⢤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠹⣦⡹⣟⣗⡂⡀⠀⠈⠉⠉⠁⣀⣠⠞⠀⠀⣰⣿⡟⢀⡞⢻⡶⠚⠋⣹⢆⡴⠚⠉⠀⠀⠀⠀⠀⠀⠀⠈⠻⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠘⢷⣌⢣⡉⠛⠒⢲⠒⠒⡿⣱⠋⠀⢀⣾⡽⢹⠇⠈⣠⣞⡤⢴⣮⣵⡫⠴⠒⠉⠉⠉⠑⠒⢤⣀⠀⠀⠀⠈⢷⡀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢻⣧⠹⡄⠀⢸⠀⢀⡿⠁⢀⡴⢫⠞⠀⡾⠀⢚⣏⣽⠗⢠⡼⣿⠶⠚⠉⠉⠙⢦⡀⠀⠀⠈⠳⡀⠀⠀⠈⣷⠀⠀⠀⠀⠀⠀⠀⠀
⠀⢀⣤⣤⣄⠀⣏⢇⠸⡀⡼⠀⡼⠁⡴⠋⡴⠃⠀⣰⠇⠐⠛⢉⡀⠠⠋⠀⢹⠀⠀⠀⠀⠀⠀⠹⡄⠀⠀⠀⠹⡀⠀⠀⢸⡆⠀⠀⠀⠀⠀⠀⠀
⠀⢿⢻⡀⢘⣴⠃⢸⠀⣷⠇⣼⢡⠞⢠⠞⠀⠀⢠⠏⠀⠀⡆⠉⢻⢦⣤⠟⣿⠀⠀⠀⠀⠀⠀⠀⢳⠀⠀⠀⠀⣷⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀
⠀⠘⢧⣍⠉⠁⢀⢏⡴⠃⢀⣿⠋⢠⠏⠀⠀⢠⠏⢰⠀⠀⠙⣄⠀⠀⠈⢩⠏⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⢀⠇⠀⢠⠇⡇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠈⠉⠛⠉⠉⠀⠀⢸⡟⢀⡏⠀⠀⢠⠏⠀⢸⡏⠉⠙⢏⠳⣄⠀⠛⠙⣆⠀⠀⠀⠀⠀⢠⡟⠀⠀⠀⡼⠀⣠⠏⢠⡇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣧⢸⠀⠀⠀⣾⠀⢤⣀⣧⠀⠀⠈⢇⠘⢦⠀⠀⠘⡆⠀⠀⠀⢀⡾⠁⠀⢀⡜⢀⡴⠃⠀⣼⠁⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢯⣇⠀⠀⠻⣤⣤⡿⢹⠀⠀⠀⢸⡄⠘⡆⠀⠀⢹⡀⠀⢀⡾⠁⠀⢠⠏⡠⠊⠀⢀⣴⠃⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣳⢤⡤⠤⠞⠁⢸⠀⠀⠀⢀⡇⠀⡇⠀⠀⠀⡇⢠⡟⠀⠀⣰⣣⠎⠀⢀⡴⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠃⡾⠀⠀⠀⠀⣸⠀⠀⠀⣸⠁⢀⡇⠀⠀⠀⡇⡾⠀⠀⡴⣳⠃⣰⠞⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⢗⡾⠁⠀⠀⠀⢀⡟⠀⠀⢰⣇⣀⡞⠀⠀⠀⠀⡿⡇⠀⢰⠃⡇⠀⠙⠲⠤⠤⠶⠶⠶⠶⠿⣛⠒⢶⣤⡀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠓⠒⠒⠒⠒⠚⠁⠀⠀⠀⠉⠻⠤⠤⠤⠴⠚⠁⠙⠶⣼⣆⡹⢄⡀⢀⣀⣤⠴⠒⠛⠉⠉⠉⠙⠲⢝⡿⡆
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠉⠉⠀⠀⠀⠀⠀⠀⠀⢠⡄⠀⣸⡷⠇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⡉⠁⠀

Hiiii. Welcome to my code. ✨🎃
-->


<!DOCTYPE html>
<html lang="en" translate="no">
<head>
    <meta charset="UTF-8">
    <title>About ✶</title>
    <link rel="icon" href="bath_mh_icon.ico">
    <link href="https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&family=Open+Sans&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Creepster&family=Permanent+Marker&family=Pixelify+Sans:wght@400..700&family=Silkscreen:wght@400;700&family=Tiny5&display=swap"
        rel="stylesheet">
    <link href="stylesUwU/about_me.css" rel="stylesheet">
</head>

<body>
    <div id="main_container">
        <a id="back_home" href="homepage.html"><img src="controls_uwu/back_about.png" width="140px"> </a>

        <div id="header">        </div>
        <div id="aboutme">
            <h2 id="about_me_lang" style="text-align: center;">ABOUT ME</h2>
            <div id="picture">
                <img src="imagenes uwu/Alison1.png" width="150px">
            </div>
            <p id="intro_ali">
            </p>
            <ul id="about_ali">

            </ul>
            <P id="ali1"> </P>

            <p id="ali2"> </p>
            <p id="ali3"> </p>
            <p id="ali4"> </p>

            <marquee behaviour="loop" direction="right" style="width: 100%;">
                <img src="imagenes uwu/myflags_uwu.png" width="300px">
                <img src="gifs_uwu/pinky-pie_walk.gif" width="60px">
                <img src="gifs_uwu/fluttershy_walk.gif" width="74px">
                <img src="gifs_uwu/rarity_walk.gif" width="74px">
                <img src="gifs_uwu/twilight_walk.gif" width="74px">
                <img src="gifs_uwu/rainbow_walk.gif" width="74px">
                <img src="gifs_uwu/applejack_walk.gif" width="74px">
            </marquee>
        </div>
        <div id="aboutsite">
            <h2 id="aboutsite_lang"> </h2>
            <p id="site1"> </p>
            <img id="pinkie_malevola" src="gifs_uwu/pinkie_malvadahahhaa.gif">
            <p id="site2">  </p>
            <p id="site3"> </p>
            <p id="site4"> </p>
            <p id="site5"> </p>

            <marquee behaviour="loop" direction="right">
                <img src="gifs_uwu/kirby_walking.gif" width="100px">
            </marquee>

         </div>
        <div id="otherthings"> 
            <div id="hobbies_div">
                <h2 id="hobbies_lang"> </h2>
                <ul id="hobbies_ul">

                </ul>
            </div>
            <div id="likes_div">
                <h2 id="likes_lang">Gustos</h2>
                <ul id="likes_ul">
                </ul>
            </div>
            <div id="poketeam"> 
                <h2 id="poketeam_lang">Equipo Pokémon</h2>
                <div id="pokemon_box_uwu">
                    <div id="starmie_div">
                        <img src="gifs_uwu/starmie_menu.gif" id="starmie" width="80px"> 
                    </div>
                    <div id="crobat_div">
                        <img src="gifs_uwu/crobat_menu.gif" id="crobat" width="80px">
                    </div>
                    <div id="tyranitar_div">
                        <img src="gifs_uwu/tyranitar_menu.gif" id="tyranitar" width="80px">
                    </div>
                    <div id="blaziken_div">
                        <img src="gifs_uwu/blaziken_menu.gif" id="blaziken" width="80px">
                    </div>
                    <div id="dratini_div">
                        <img src="gifs_uwu/dratini_menu.gif" id="dratini" width="80px">
                    </div>
                    <div id="umbreon_div">
                        <img src="gifs_uwu/umbreon_menu.gif" id="umbreon" width="80px">
                    </div>
                </div>
            </div>
            <div id="favorite_div">
                <h2 id="favorite_albums">Albums favs</h2>
                <div class="gallery">
                    <div> <img src="album_covers_uwu/Peace_Sells.jpg"/> 
                        <span><a href="https://open.spotify.com/intl-es/album/4U8ZF5zDIRy4lBnnXBN2uO?si=liZJmruwTYmfiRJjaFmS_w" 
                            target="_blank"> Peace Sells... But Who's Buying?</a> <br> Megadeth</span> </div>  

                    <div> <img src="album_covers_uwu/Symbolic.jpg" /> 
                        <span><a href="https://open.spotify.com/intl-es/album/4YACrpVtdpoFocBPBeLbzO?si=ErqL1SclTeKTvsLTwlWAFA" 
                            target="_blank"> Symbolic</a> <br> Death </span> </div>

                    <div> <img src="album_covers_uwu/Alice_in_Hell.jpg" /> <span>
                        <a href="https://open.spotify.com/intl-es/album/5oKZacGOXxb7A2OwXgh9UY?si=GyH051HmRXWqictVfbK4JQ" 
                            target="_blank"> Alice in Hell</a> <br> Annihilator </span> </div>

                    <div> <img src="album_covers_uwu/Cause_of_Death.jpg" /> <span> <a href="https://open.spotify.com/intl-es/album/79fVRZLnIqS3FytTLfTBT4?si=jRxOG4BNRA6tIThw_pmsuQ"
                        target="_blank"> Cause of Death</a> <br> Obituary </span> </div>

                    <div> <img src="album_covers_uwu/Atheist_Unquestionable-Presence.jpg" /> <span><a href="https://open.spotify.com/intl-es/album/2JMEuDyva5OlVX1LU894vt?si=pf8XFKo1RLqV3EsXWTJW_w"
                        target="_blank">Unquestionable Presence</a> <br> Atheist</span> </div>

                    <div> <img src="album_covers_uwu/Painkiller.jpg" /> <span><a href="https://open.spotify.com/intl-es/album/7LgrhuKnAXpNEv8qzcVd2t?si=RT4VAGjOTMqRWazuf9k1gA"
                        target="_blank"> Painkiller</a> <br> Judas Priest </span> </div>

                    <div> <img src="album_covers_uwu/Hatebreeder.jpg" /> <span><a href="https://open.spotify.com/intl-es/album/5ZY4RdeHkyyl3QM5i17Cn3?si=y5XrLC59T_ei31R1mqJoig"
                        target="_blank"> Hatebreeder</a> <br> Children of Bodom </span> </div>

                    <div> <img src="album_covers_uwu/ScreamBloodyGore.jpg" /> <span><a href="https://open.spotify.com/intl-es/album/0PvGbpxBh7faAVbeZM4sIm?si=ngJ2m0hhT9Wh4sMzPbo2-g"
                        target="_blank"> Scream Bloody Gore</a> <br> Death </span> </div> 

                    <div> <img src="album_covers_uwu/RIP.webp" /> <span><a href="https://open.spotify.com/intl-es/album/4e6ML9RBhDyyKTaTwbiRZv?si=SoqM5RSUTa-2nBHaLElLVA"
                        target="_blank"> Rust In Peace</a> <br> Megadeth </span> </div>

                    <div> <img src="album_covers_uwu/SoundOfPerseverance.jpg" /> <span><a href="https://open.spotify.com/intl-es/album/0p6DxsQOhQ5qiBnUu9G1PB?si=N4gpcqqyTUW5tZZtaFNcvA"
                        target="_blank"> The Sound Of Perseverance</a> <br> Death </span> </div>

                    <div> <img src="album_covers_uwu/Eatenbacktolife.jpg" /> <span><a href="https://open.spotify.com/intl-es/album/7uB1DKYuNh0sGkvJ42K26f?si=AkMeVDGEQhmG0aRi3_om2w"
                        target="_blank"> Eaten Back to Life</a> <br> Cannibal Corpse </span> </div>

                    <div> <img src="album_covers_uwu/Master_Of_Puppets.jpg" /> <span><a href="https://open.spotify.com/intl-es/album/2Lq2qX3hYhiuPckC8Flj21?si=E4r9ZFz9TImvPypzB3gfLQ"
                        target="_blank"> Master Of Puppets</a> <br> Metallica </span> </div>    
                </div>
                <h2 id="videogames_lang"> </h2>
                <div id="videogames_favs" class="gallery">
                    <div>
                        <img src="videogames_covers/FinalFantasyVII.png"> <span>Final Fantasy VII</span>
                    </div>
                    <div>
                        <img src="videogames_covers/Red_Dead_Redemption_II.jpg"> <span>Red Dead Redemption II</span>
                    </div>
                    
                    <div>
                        <img src="videogames_covers/resident_evil_gc.jpeg"> <span>Resident Evil Remake</span>
                    </div>
                    
                    <div>
                        <img src="videogames_covers/Bloodborne.png"> <span>Bloodborne</span>
                    </div>
                    
                    <div>
                        <img src="videogames_covers/paper_mario_64.png"> <span>Paper Mario 64</span>
                    </div>
                    
                    <div>
                        <img src="videogames_covers/Banjo_Tooie.jpg"> <span>Banjo-Tooie</span>
                    </div>

                    <div>
                        <img src="videogames_covers/ds3.webp"> <span>Dark Souls III</span>
                    </div> 
                    
                    <div>
                        <img src="videogames_covers/SilentHill2.webp"> <span>Silent Hill 2</span>
                    </div>

                    <div>
                        <img src="videogames_covers/bully.webp"> <span>Bully</span>
                    </div>

                    <div>
                        <img src="videogames_covers/Resident_Evil_3_Cover.webp"> <span>Resident Evil 3: Nemesis</span>
                    </div>

                    <div>
                        <img src="videogames_covers/mario64.webp"> <span>Super Mario 64</span>
                    </div>

                    <div>
                        <img src="videogames_covers/Minecraft_game_cover.webp"> <span>Minecraft</span>
                    </div>
               
                </div> <!-- Aqui termina el div de mis juegos favs uwu -->
                <h2 id="characters_lang"> </h2>
                <div id="characters_favs" class="gallery characters">
                    <div>
                        <img src="imagenes uwu/jillpicturexd.jpg"> <span>Jill Valentine</span>
                    </div>

                    <div>
                        <img src="imagenes uwu/aerithuwuw.png"> <span>Aerith Gainsborough</span>
                    </div>

                    <div>
                        <img src="imagenes uwu/sephirothhh.png"> <span>Sephiroth </span>
                    </div>

                    <div>
                        <img src="imagenes uwu/fluttershy_lindaaa.jpg"> <span>Fluttershy</span>
                    </div>

                    <div>
                        <img src="imagenes uwu/alice_madness.png"> <span>Alice Lidell</span>
                    </div>

                    <div>
                        <img src="imagenes uwu/Maria.jpg"> <span>Maria</span>
                    </div>

                    <div>
                        <img src="imagenes uwu/arthur.jpg"> <span>Arthur Morgan</span>
                    </div>

                    <div>
                        <img src="imagenes uwu/leonKennedy.webp"> <span>Leon Scott Kennedy</span>
                    </div>  

                    <div>
                        <img src="imagenes uwu/cloud.webp"> <span>Cloud Strife</span>
                    </div>

                    <div>
                        <img src="imagenes uwu/pinkieeee.jpeg"> <span>Pinkie Pie</span>
                    </div> 

                    <div>
                        <img src="imagenes uwu/Malenia.jpeg"> <span>Malenia, Blade of Miquella</span>
                    </div>  
                    
                    <div>
                        <img src="imagenes uwu/yor_forger.jpg"> <span>Yor Forger</span>
                    </div>
                </div>
            </div>
            <div id="random_fun_fact">
                <h2 id="fun_facts_lang"> </h2>
                <div>
                    <p id="random_message"> </p>
                </div>
                <button id="random_button_uwu" type="button" class="hov">Click Me</button>
            </div>
        </div>

            <div class="dolls_uwu">
                <img id="vampiraa" src="gifs_uwu/vampirauwu.gif">
                <img id="white_bat" src="gifs_uwu/white_bat.gif">
                <img id="skull_laughter" src="gifs_uwu/skull_xd.gif">
            </div>
    </div>
    <marquee behaviour="loop" direction="left" style="width: 100%;">
        <div class="carruselomg">
            <img src="stamps_uwu/mlp.gif">
            <img src="stamps_uwu/wii.gif">
            <img src="stamps_uwu/mikuu.gif">
            <img src="stamps_uwu/20masgenial.gif">
            <img src="stamps_uwu/trans_flag_stamp.gif">
            <img src="stamps_uwu/lesbians.png">
            <img src="stamps_uwu/mettaton.png">
            <img src="stamps_uwu/kirby_stamps.png">
            <img src="stamps_uwu/gothmetal.gif">
            <img src="stamps_uwu/death_.png">
            <img src="stamps_uwu/Cannibal Corpse.gif">
            <img src="stamps_uwu/n64.gif">
            <img src="stamps_uwu/marcagod.gif">
            <img src="stamps_uwu/eeveeparade.gif">
            <img src="stamps_uwu/pinkie_stampuwu.gif">
            <img src="stamps_uwu/morrigan.png">
        </div>
    </marquee>
    <script src="translateuwu/translatescripts/about_lang.js"></script>
    <script src="AlisonScript/pokemon_sounds.js"></script>
    <script src="AlisonScript/randoms_funfacts.js"></script>
</body>

</html>