/r/csshelp

Photograph via snooOG

Read the FAQ before posting a question.


Discord channel

Testing123456789101112131415

This subreddit is for help with CSS and questions only. If you only want to share your creations, please direct them to reddithax.

Guides

If you know of a guide that you feel should be listed here, message the moderators with a link.

Posting Guidelines

  1. Please make sure to provide a link to the page/sub where your code is not working as intended.
  2. Paid work requests are fine. However, be aware that any accounts deemed as spam, or fraudulent will be removed and permanently banned without exception.
  3. Remember to respect the users and the community as a whole! Discretion is key, and mods will be here to maintain the quality of the sub.

Related Subreddits

Related Resources

SUBMIT A CSS QUERY

  1.  

  1. First thingy
  2. Something else here
  3. More stuff here
  4. Another list item
  5. More stuff here
  6. Another list item

/r/csshelp

17,821 Subscribers

1

How would I replace a word with an icon when I hover it?

for example for the html:

<p>I have a <i>dog</i><b></b> and a <i>cat</i><b></b>.</p>

For this snippet the <i> elements are the words to be replaced with icons and the <b> elements are FontAwesome icons.

I want the words to disappear and the icons to appear when I hover the word. The icons should show up in place of the words.

The problem I am running into is when I add a transition time it thinks I’ve stopped hovering partway through the transition.

How should I go about this?

0 Comments
2023/12/06
14:10 UTC

0

Need help removing watermarks and download it HD quality

Hi guys. I hope you can help me with removing the watermarks from the pictures. Anyone know what tools/apps to use for free? The pics are from pixieset.

3 Comments
2023/12/06
11:48 UTC

1

CSS Style Not Updating/New Rules Being Ignored

Hi, everyone. If anyone can please take the time to read this through, I would so appreciate it.

Right now, I'm working through The Odin Project and am about halfway through the initial set of courses. Up until this point, I've been pretty good about understanding the errors I've encountered in my work and have tried to be a self-sufficient problem solver by finding my own answers, but at this moment, I'm genuinely stumped.

For some context, the project doesn't natively support Windows, and for those like me who use it, TOP advises to install Oracle VirtualBox and run Xubuntu on it, as well as to use Google Chrome as one's browser and VSCode as one's editor. I've not encountered an issue with any of this until this lesson. Now onto the problem.

The issue I'm having now I believe is within the CSS document. For some reason, no matter how many edits I have made to my stylesheet, the original layout of my HTML hasn't changed, not even the background color. I've tried to change it from lavender to Alice blue with no success- it literally just stays that color, among other unrecognized basic changes (margins, padding, etc.). I've tried to comb back through my code multiple times to see if I caught anything, cleared the cache, edited in a regular text editor, ran my code through CSS and HTML validators, even asked ChatGPT out of complete desperation, but nothing I've tried has worked. I was wondering if someone wouldn't mind taking a look at my CSS and my HTML code to see if a conflict can be found (I've only used external CSS, no internal or inline), since I'm obviously missing something crucial and don't even know what I'm looking for at this rate.

My CSS:

  * {
    background-color: aliceblue;
    font-family: 'Courier New', Courier, monospace;
    margin-left: 10%;
    margin-right: 10%;
}

h1 {
    font-size: 48px;
    color: blueviolet;
    text-align: center;

    font-weight: 500;
    background-color: ivory;
    border-style: double;
    margin-left: 20%;
    margin-right: 20%;
}

.ingred {
    border-style: dotted;
    margin-left: 25%;
    margin-right: 25%;
    padding-left: 1%;
}

 a {
     margin: 0%;
}

My HTML:

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Banana Bread</title>
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <h2>Banana Bread</h2>
        <img src="../images/bananabread.jpg" alt="Fresh sliced banana bread">
        <h2>Description</h2>
    <p>There was a time that I had a bunch of bananas on the verge of going bad, and given that it was approaching the holidays, I thought I might try to make banana bread. Because, you know, I'm a fan of the stuff. Problem was, I started making it and soon realized that I was chronically short on ingredients. Not one to waste a bunch of ingredients I had already used, I did what came naturally: I panicked! But I also managed to improvise. What came out on the other side of the process was some of the richest banana bread I've ever made. Try it for yourselves and enjoy! Photo is courtesty of <a href="http://allrecipes.com" id="allrec">AllRecipes</a>.</p>
        <h2>Ingredients</h2>
        <ul class="ingred">
            <li>7 large bananas, mashed</li>
            <li>3 cups all-purpose flour</li>
            <li>1 teaspoon salt</li>
            <li>1 cup brown sugar</li>
            <li>1 cup white sugar or Splenda</li> 
            <li>2 teaspoons cinnamon</li>
            <li>2 teaspoons baking soda</li>
            <li>1 small box instant vanilla pudding mix</li>
            <li>1 tablespoon McCormick Breakfast Seasoning, or to taste</LI>
            <li>1/2 cup melted butter</li>
        </ul>
        <h2>Steps</h2>
        <ol>
            <li>Combine dry ingredients before adding butter. Stir until homogenous.</li>
            <li>Pour into greased 7x3 loaf pans until roughly half-full (fills about four).</li>
            <li>Bake at 350 degrees Fahrenheit for 1 hour or until loaves come out clean. Serve immediately for a toasty treat or chill in the refrigerator for a cool snack!</li>
        </ol>        
        <a href="../index.html" id="hbut"><button>Back</button></a>
    </body>
</html>

I apologize for having to include my entire code as opposed to pieces of it, as I'm lost enough not to know how to narrow it down at this point. I'm learning that there's a formula for asking for help with dysfunctional code, and I hope I haven't violated any of that by coming here. I've tried everything I can think of and can't progress further in the lessons without learning what I've done wrong. Thank you all for your time.

2 Comments
2023/12/06
07:11 UTC

2

CSS: Modify to my site? UL LI pyramid CSS

Greetings
How would I modify this code to put into my JOomla template website?

https://codepen.io/errogaht/pen/kyqqod

The problem I see is the existing code will over-ride my code on my site.

<ul id="blue-funnel"> <li>Hello Is it</li> <li>Me Your</li> <li>Looking</li> <li>For?</li> </ul>

I tried this and modifying the CSS but still only the list shows up without styling

Any ideas?

2 Comments
2023/12/05
20:49 UTC

2

How can I implement this?

https://drive.google.com/file/d/19WdgFBnj1DnFzXuXPsZnyMp_QV-10d9P/view?usp=drivesdk

Can this be implemented only with css? Or should I use javascript? I have limited knowledge of css. I need your help.

2 Comments
2023/12/05
10:47 UTC

1

Whatsapp Icon goes out of the box while changing it into phone resolution

index.html:

<button onclick="goToWebpage()" class="whatsapp">

<i class="fab fa-whatsapp"></i>

</button>

style.css:

.whatsapp {border: 6px solid green;width: 15%;height: auto;border-radius: 6%;background-color: green;color: white;position: fixed;bottom: 20px;right: 20px;z-index: 2555;padding: 8px;}.whatsapp .fab {font-size: 1em;}This is what it looks like on Computer Screen, but when I tried this:

u/media(its @ before media) only screen and (max-width: 600px) {.whatsapp {

border: 0px solid green;

width: 12px;

height: 5px;

border-radius: 6%;

background-color: green;

color: white;

position: fixed;

bottom: 57px;

right: 60px;

z-index: 2555;

padding: 15px;

}

.whatsapp .fab {

font-size: 2em;

}}

The whatsapp icon is getting out of the greenbox. I have tried to reduce the size of the box but its not working.

6 Comments
2023/12/05
09:10 UTC

1

Using CSS in Cargo Collective

Hi, I’ve been using Cargo Collective to host my brand’s site for the past three years and it’s been great but I’m looking to start creating some more intricate and unique page layouts. I designed the pages as I’d like them to be viewed on desktop but wasn’t happy with the pre-generated mobile version that Cargo provided and was doing some research that suggested CSS might be able to help with the scaling of images on mobile devices and the use of breakpoints. I’ve yet to find a good thread that’s specific to Cargo, but was wondering if anyone can share some resources for creating breakpoints for images/customizing a mobile layout within a host platform like Cargo - thanks!

0 Comments
2023/12/05
05:40 UTC

5

Angled child <div> filling width of flat parent <div>? CSS and trigonometry problem.

What I am trying to achieve is a child <div> which is angled with transform: rotateY; so it fades away from the screen as it goes from right to left. However I also want it to fill the width of the parent.

Now with trigonometry added to calc() functions I assumed this would be easy, but I can't get it to work.

I am taking the width of the parent (against the screen) as the adjacent side, so a width of 100%. I am rotating the child by 30deg with a transform-origin: left so there should be one side with a width of 100 against the screen and an angle of 30 degrees on the left edge making the child element width the hypotenuse of an imaginary triangle going back into the screen.

So, by my reckoning the hypotenuse should be...

100% / cos(30deg)
100% / 0.86602540378
115.470053838  

...so giving the child a width of 115.470053838% of the parent should make it fill the width despite the angle. (Although rather than calculating this myself I am using calc(100% / cos(30deg)); so I can use a custom variable for the angle and change it through multiple instances) but it is way off and only fills something like 80%.

Anyone know if I'm messing up the trig (It's been a long time since I did it at school and memory is a little hazy) or is there something CSS related I'm missing? Could perspective be throwing it off? I'm not really sure as to how that works and generally get things looking right with trial and error.

https://codepen.io/NeilSchulz/pen/bGzOGRL < Codepen showing problem.

3 Comments
2023/12/04
18:01 UTC

1

Multi class selector not working somehow

[solved]

-------------

i want to select the third <div> element:

<div class="q-box" style="box-sizing: border-box;">
    <div class="q-box" style="box-sizing: border-box;">
        <div class="q-text qu-dynamicFontSize--regular qu-display--flex qu-px--large qu-flexDirection--row" width="1100" style="box-sizing: initial; width: 1100px; margin-left: auto; margin-right: auto; padding-top: 16px; padding-bottom: 0px; align-items: stretch;">
        </div>
    </div>
</div>

to edit in xstyle (a chrome addon), but somehow not working

.q-text.qu-dynamicFontSize--regular.qu-display--flex.qu-px--large.qu-flexDirection--row
{
    margin-left:5%;
}

source html page:https://www.quora.com/

5 Comments
2023/12/04
10:09 UTC

2

Mobile stepper help

https://miro.medium.com/v2/resize:fit:640/format:webp/0*coC4A8hQaXKdugzb.png

Please look at the image.

I want to create the mobile stepper but I don't know how you can divide the border in 3 equal parts then color them (need 3 steps).

1 Comment
2023/12/03
13:48 UTC

2

Web Animations

I've been playing with WP elementor to make a website. One thing I can't wrap my head around is the animation effects while scrolling the webpage like fade background changes, random image movements, building fluidity, etc.

How do I easily visualize the logic, hierarchy and positioning of elements to get desired animations while scrolling? Is there an easy method to approach animating before implementation or does it come with experience?

I spent time coding mostly rather than using a website builder like Elementor.

0 Comments
2023/12/03
13:43 UTC

1

How to make images with text that are clickable links

I have been trying to figure this for hours now and just wasting precious time I have for my project. How would I put 2 images, side by side, with a small gap in between, and text overlaying both that can be a clickable link to another page? I have tried at least half a dozen methods from sources online and have not gotten the results I need. Can someone make a simple example for me so I can finally move past this task on my assignment?

edit: I want the entire image clickable with the text just floating over it.

1 Comment
2023/12/02
18:49 UTC

1

Cleanest way to make all text in this menu black?

What is the cleanest way to make all the text in this food menu black? I can style them one at a time but I can't seem to figure out how to get rid of all the orange in one rule. Thank you, grateful for any help: https://doublemore.ca/index.php/menu-demo

5 Comments
2023/12/02
14:00 UTC

3

How to aligh the content box and the form at the same line?

for context, I have started learning about css and I was given a task to create a landing page. This is my html page:

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="style.css"><title>Popular Estate</title></head><body><header><h1>Popular Estate</h1><img src="images/building.webp"></header><form action="form.php" method="post" onsubmit="return validate()">

Name: <input type="text" name="name" id="name" required><br>

Email: <input type="email" name="email" id="email" required><br>

Phone number: <input type="number" name="phone" id="phone" required><br>

<input type="submit" id="submit" name="submit"></form><div class="content"><h2> We help our clients make the best decisions with real estate</h2><p>We have been handling legal properties and managements with sincerity and honesty. With our 20 years of experience, it has been our job to look after your estate so that you don't have to.<br><br>

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est hic laboriosam dicta assumenda iste fugit voluptas consequuntur aspernatur ad, minima, harum nisi dolorum obcaecati amet fugiat quibusdam repellat, molestiae repudiandae?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus nam quam veritatis cum molestiae fuga unde quisquam numquam recusandae. Facilis, soluta asperiores. Vitae, adipisci doloremque molestiae sunt cupiditate et commodi.

</p></div></body></html>

and this is my css page:

* {

padding: 12px;

width: auto;

}

form {

background-color: rgb(206, 223, 217);

margin: auto;

max-width: 250px;

position: relative;

left: 30%;

z-index: -1;

}

input {

padding: 10px;

border: 1px solid #ccc;

border-radius: 5px;

margin-bottom: 15px;

width: 100%;

box-sizing: border-box;

}

.content {

background-color: brown;

margin-top: 10px;

width: 60%;

position: relative;

top:-50%;

}

.content h2 {

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

Now I cant even move the content above so that It can aligh in same line with the form.

5 Comments
2023/12/02
09:44 UTC

1

Possible to overwrite the VISITED color for all/everything which are already visited?

Is there a more general way of changing the VISITED color and other related attributes instead of writing one by one?

For my example below, but it only affects a single one, although I don't know if below is correct by me:

img[src*="i.ytimg.com"]:visited
{   
    color: #805080 !important;
    border-color:  #805080 !important;
    outline-color: #805080 !important;
    background-color: #805080 !important;
}

Again my example above (if indeed it's correct), only affects the img. Is it allowed to remove the src? I would like to affect all/everything which has already been visited, not just img from my own example above.

Is it correct/allowed to write something like this below:

*:visited
{   
    color: #805080 !important;
    border-color:  #805080 !important;
    outline-color: #805080 !important;
    background-color: #805080 !important;
}

Thanks in advance

1 Comment
2023/12/02
06:39 UTC

2

Relative Positioning not working

Hi everyone! I am VERY new to CSS (literally began like 2 hours ago) and encountered a problem I cannot solve.
I am attempting to use relative positioning. However, it seems to not work! Here is a sample of my code:
.subtitle {
width: fit-content;
height: 2em;
text-align: center;
font-size: 120%;
color: #65AB5B;
background-color: #BBDFBE;
outline: 0.5em solid;
outline-color: #CBE3CD;
margin: auto;
position: relative;
top: 20;
}
This links to a HTML division with the according classname.
I've tried stripping the code bare and only including the positioning parts which also seems to not work.
Any help is appreciated!

4 Comments
2023/12/01
22:30 UTC

2

Paragraph/box examples: where to find?

Greetings

I am trying to spruce-up articles, paragraphs.

I need boxes with fancy headers, multi-row checkmarked lists, etc.

Some may say this would be like a "call out" box?

There are tons of examples online for CSS , but I dont know what to search?

Where Can I find the above elements to customize?

Thanks!

0 Comments
2023/12/01
19:16 UTC

3

My background image is not showing (CSS) and it's driving me crazy. Please help.

(SOLVED) I downloaded a stock image for my project from Adobe and copied the image to the folder with all my HTML and CSS. I used the relative path in the stylesheet but nothing. I can't move on with my assignment until I fix this.

Here's the code CSS code:

* {

padding: 0px;

margin: 0px;

box-sizing: border-box;

}

html {

font-size:10px;

}

body {

font-size: 2rem;

font-family: "Futura", sans-serif;

}

.container {

max-width: 104rem;

margin: 0 auto;

padding: 0 2rem;

}

a {

text-decoration: none;

}

.header {

background-image: url("paragliding-4727377_1920.jpg");

width: 100%;

height: 100vh;

background-size: cover;

background-repeat: no-repeat;

}

This is the HTML:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Homepage</title>

<link rel="stylesheet" href="css/styles.css" />

</head>

<body>

<header class="header">

<nav class="nav">

<div class="website-logo-text">

<p>Garden</p>

</div>

<ul style="list-style-type: none;" class="nav-list">

<li class="nav-item"><a href="#" class="nav_link">Home</a></li>

<li class="nav-item"><a href="#" class="nav_link">Sports</a></li>

<li class="nav-item"><a href="#" class="nav_link">About</a></li>

<li class="nav-item"><a href="#" class="nav_link">Contact</a></li>

<li class="nav-item"><a href="#" class="nav_link nav_login_button">Login</a></li>

</ul>

</nav>

</header>

</body>

</html>

12 Comments
2023/12/01
05:12 UTC

2

Replacing class content with another set?

Greetings. Thanks in advance.
I am trying to change the following CSS classes to adopt the contents of another set of classes:
.view-article .jl-article figcaption.caption {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 0.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
.view-article .jl-article figcaption.caption : before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.view-article .jl-article figcaption.caption p{
display: inline;
}
WITH THIS: ONLY Speech-up bubble
.speech {
/* (A1) FONT & COLORS */
font-size: 1.2em;
color: #fff;
background: #a53d38;
/* (A2) DIMENSIONS */
padding: 20px;
border-radius: 10px;
max-width: 600px;
}
/* (B) USE ::AFTER TO CREATE THE "CALLOUT" */
.speech::after {
display: block; width: 0; content: "";
border: 15px solid transparent;
}
/* (C) "CALLOUT" DIRECTIONS */
.speech.up::after {
border-bottom-color: #a53d38;
border-top: 0;
}
.speech.down::after {
border-top-color: #a53d38;
border-bottom: 0;
}
.speech.left::after {
border-right-color: #a53d38;
border-left: 0;
}
.speech.right::after {
border-left-color: #a53d38;
border-right: 0;
}
/* (D) POSITION THE CALLOUT */
.speech {
position: relative;
margin: 30px;
}
.speech::after { position: absolute; }
.speech.up::after {
top: -15px; left: calc(50% - 15px);
}
.speech.down::after {
bottom: -15px; left: calc(50% - 15px);
}
.speech.left::after {
left: -15px; top: calc(50% - 15px);
}
.speech.right::after {
right: -15px; top: calc(50% - 15px);
}
/* (X) NOT IMPORTANT */
body{background: url(https://images.unsplash.com/photo-1613917037272...)}
#cbwrap{background:rgba(255,255,255,.9);width:600px;padding:30px;border-radius:10px}
*{box-sizing:border-box;font-family:arial,sans-serif}
body{padding:0;margin:0;border:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;backdrop-filter:blur(10px)}
#cbtitle{margin:0 0 30px;padding:0;text-transform:uppercase}
#cbinfo{margin-top:30px;padding-top:15px;border-top:1px solid #ddd;font-size:13px;font-weight:700}
#cbinfo a{text-decoration:none;padding:5px;color:#fff;background:#a91616}
Any idea?
Thanks

1 Comment
2023/11/30
18:10 UTC

1

Pulling .jpg files (picture)

background: url('neom.jpg') no-repeat

Any reason why it won't pull the picture (neom)?

6 Comments
2023/11/30
07:36 UTC

2

Need help animating Borderline and tabs

I have 2 Tabs that have a Borderline around them. Just a small, gray border to show that they are indeed clickable.

Once selected the tabs have special styling that makes a border redundant, but simply having it vanish looks bad, really bad.

So I was thinking about giving this border a kind of vanish animation where it "slides" down the edges of the buttons and then "meets" at the bottom middle before vanishing.

For security reasons I cannot disclose any code as that goes against my companies wishes, but I hope this helps.

I've tried a bunch of things with translations and transformations, but they always end up transforming the tabs themselves so I am totally at a loss... :(

2 Comments
2023/11/29
15:03 UTC

2

How to make my cards remain in the same proportions?

Hello,

I have cards in row, but they do not maintain their proportions, so buttons can pop out of the card, and the card changes width/height. I understand that it's because I'm using fixed width and height together with flex. I just couldn't figure what's the best way to make the cards look "the same" on any screen size using good practices.

What I want is to be able to design the cards on some screen size, and then know that when the screen will change, it will look the same. In this case, I want my cards to look the way they look when running the snippet in full screen (And if needed, break line)

This is the code for my current cards: https://jsfiddle.net/t9empxcn/29/

Thanks

1 Comment
2023/11/29
09:28 UTC

1

Change Font for One Heading Size in Squarespace

Feeling restricted with only one heading font style in Squarespace? Here’s how to change the styling for H1, H2, H3, or H4 individually with CSS.

https://ajmexperience.com/learn-posts/change-heading-font-style

0 Comments
2023/11/28
16:07 UTC

1

Need Help :(

Im making a website(im new to css n html)and there is this white colour part btween 2 bgcolors.

its not going :(pls help :)

2 Comments
2023/11/27
19:57 UTC

1

How can I add media queries to Slick?

Been having a really hard time figuring out since my Slick carousel is causing problems when adding media query codes.

My website:

shyboy.co/finals03

0 Comments
2023/11/27
08:36 UTC

1

Adding custom css to a class so that it appears the same as a header

I have a WordPress plugin that has it's own CSS stylesheet. I want to add a custom CSS style so that a class (.message_above_share_button) appears the same as a .h4 class.

And if I later update the .h4 class, then it should also reflect the change in the WordPress plugin CSS stylesheet.

How would I go about this?

6 Comments
2023/11/26
20:39 UTC

1

Why isn't image being contained in my div measurements?

<!DOCTYPE html>
<html> <head> <title>Youtube</title> <style> .search-box { margin-bottom: 50px; } .video-preview { width: 300px; display: block; }</style> </head> <body> <div class="video-preview"> <img class="thumbnail" src="thumbnails/thumbnail-1.webp"> <input class="search-box" type="text" placeholder="Search"> <input class="search-box" type="text" placeholder="Search"> <p class="video-title">Talking Tech and AI with Google CEO Sundar Pichai! </p> <p class="video-creator">Marques Brownlee</p> <p class="video-stats">3.4M views · 6 months ago</p> </div> </body> </html>

So I have my image in my div, and I set the div width to 300 but if you go to the site, the image is just it's original code

Here is a picture of my website with the google dev tools- IMGBB link

4 Comments
2023/11/24
18:00 UTC

1

What is your method to keep a footer banner on the bottom of a page under these circumstances?

-It only shows when the user scrolled to the bottom of the page not all the time.

-If there is not enough content in one page, how do I keep it on the bottom and not float in the middle of where the content ended?

-height: 100vh doesn't always work well because when content starts filling the page (for example when a user adds items to a shopping cart) The banner gets stuck in the middle of the page

Are there any alternative methods I could try in order to fix this? If it matters, I am using React.js library for the front end.

4 Comments
2023/11/24
13:44 UTC

1

Can I split a CSS file into sections and navigate them with something like a table of contents, in an editor like VS Code?

Solution: I found the Outline Map extension for VS Code which allows me to define regions in its own outline with /* #region Same-Region-Name */ and /* #endregion Same-Region-Name */.

Edit: While VS Code does have an outline, it shows all the rules when I want to be able to split those rules into my own defined sections.

I have CSS files from 1-3000 lines long and it can hard to navigate, and I just lazy with where I write new CSS rules rather than keep them in logical sections.

1 Comment
2023/11/23
13:24 UTC

2

Please help with css website background (BigCartel)

Hello, I was wondering if anyone could help me. I am a beginner coder trying to learn to code a website background into my ecommerce shop on bigcartel using the Good Vibes theme. I have figured out how to code to make the image appear in practically every place except the background.

Thanks to anyone who read/helps and i would love to archive any tips i get!

https://github.com/bigcartel-themes/good-vibes

2 Comments
2023/11/22
23:19 UTC

Back To Top