https://www.buzzfeed.com/saadmatheus/quiz-which-powerpuff-girl-are-you?utm_source=dynamic&utm_campaign=bfsharecopy&quiz_result=123223991_3#123223991 If You Were A Powerpuff Girl, Which One Would You Be? Buttercup You're the "hothead" of the group because you act on your instincts and try not to overthink things. You're ambitious and aggressive in your professional life, but at the end of the day, there's no one who's a more loyal friend than you are. Tsukishima Kei Congratulations! You kin Tsukishima Kei! Distant? Mean and roasting all your friends, but they get offended easily or leave you? How's the trauma? It's okay to talk to others and let your guard down. Remember, don't lose friends over stupid words. Okay? Try to be less mean to the ones who are sensitive and matter to you. Ever go too far sometimes in arguments or jokes? Did you have someone you look up to/looked up too but now that's changed? How's the effort going? Do you ever use music to cope or feel better? Or do you listen to a sad yet comforting song that only makes you cry and/or feel worse? https://www.quotev.com/quiz/13405844/Who-is-your-Haikyuu-kin-More-accurate-results How much of an Oikawa kinnie are you? 92% You answered 12 out of 13 questions correctly. https://www.quotev.com/quiz/14248398/How-much-of-an-Oikawa-kinnie-are-you Which Danganronpa kin are you? Kokichi Oma https://www.quotev.com/quiz/14158083/Which-Danganronpa-kin-are-you Which Dere are you? [Realistic] You Are a Real Life Bakadere To others, you may come off as lacking in intelligence despite reality proving the opposite. This may be because every little thing excites you as if it is a new thing. Even basic, things. When in love, you might have a rather childish approach to it. And most things. If not this, you're most likely a little clumsy. It doesn't make you bad though! You make up for it in humor and personality! You're most likely physically attractive and you're fun to be around. body { margin: 0; } /*Everything goes inside here.*/ .wrapper { width: 900px; margin: 0 auto; } .sidebar-img, .footer, .title, .links, .box { margin-top: 25px; } .title, .links, .footer { text-align: center; } /*Navigation links.*/ .links ul { list-style-type: none; padding: 0; margin: 0; } .links li { display: inline-block; } /*Some fancy code for fun, to add special characters around the navigation links. Change content to "" if you don't want these.*/ .links li:before { content: "「"; } .links li:after { content: "〠∷ "; } .links .last:after { content: "ã€"; } .links li:before, .links li:after { letter-spacing: 0.1em; } /*Basic box code that is used for all content boxes on the page.*/ .box { border: 1px solid black; padding: 0.5em 1em; } /*Goes inside the box class. Not given any style by default, but can be used for stuff like fancy borders.*/ .inner { } /*Prevent image overflow.*/ .box img, .sidebar img { max-width: 100%; height: auto; } /*Wrapper for the sidebar.*/ .sidebar { width: 200px; float: left; } /*Container for the sidebar image.*/ .sidebar-image { border: 1px solid black; } /*Remove extra padding line at the bottom of the image.*/ .sidebar-image img { display: block; } /*This is where the title, navbar, and main content all go.*/ .main-wrapper { margin-left: 225px; } /*Two columns by default. The "single-column" class can be added to make it one column.*/ .main { columns: 2; column-gap: 25px; } /*Make sure boxes don't spread over multiple columns.*/ .main .box { display: inline-block; } .single-column { columns: 1; } .footer { margin-bottom: 25px; } @media(max-width:915px) { .wrapper { width: 95%; } .main-wrapper { width: calc(100% - 225px); } } @media (orientation: portrait), (max-width: 480px) { .wrapper { width: 100%; } .main-wrapper, .sidebar, .footer { margin: 0 auto; width: 90%; } .sidebar { float: none; display: block; } .sidebar-image { margin: 0 auto; width: 33%; margin-top:25px; } .sidebar .sidebar-image img { width: 100%; } .footer { margin-bottom: 25px; } }