diff --git a/assets/data/humans-of-ics/2021-2022/humans-of-ics.json b/assets/data/humans-of-ics/2021-2022/humans-of-ics.json new file mode 100644 index 0000000..54f0da4 --- /dev/null +++ b/assets/data/humans-of-ics/2021-2022/humans-of-ics.json @@ -0,0 +1,61 @@ +[ + { + "img": "/assets/img/humans-of-ics/2021-2022/nathan_nguyen.jpeg", + "name": "Nathan Nguyen", + "date": "January 2022", + "desc": "Read more about Nathan’s passion to help others through pursuing Informatics, victory in placing 3rd at ZotHacks, and experience as a top 1% autochess player", + "year": "2nd", + "major": "", + "src": "/humans-of-ics/2021-2022/nathan-nguyen" + }, + + { + "img": "/assets/img/humans-of-ics/2021-2022/sebastian_carbajal.jpg", + "name": "Sebastian Carbajal", + "date": "February 2022", + "desc": "Today we have Sebastian Carbajal! We hope you enjoy reading about Sebastian and his experience as an upcoming video game developer, Brazilian Jiu Jitsu debut, and epic Minecraft speed-bridging skills!", + "year":"3rd", + "major": "Game Design and Interactive Media", + "src": "" + }, + + { + "img": "/assets/img/humans-of-ics/2021-2022/kevin_xu.png", + "name": "Kevin Xu", + "date": "March 2022", + "desc": "Read more about Kevin's experience as computer engineer and his hackathon experiences!", + "year":"", + "major": "", + "src": "" + }, + + { + "img": "/assets/img/humans-of-ics/2021-2022/ellise_limjoco.jpeg", + "name": "Ellise Limjoco", + "date": "April 2022", + "desc": "Read more about Ellise's experience coordinating fundraisers through Fusion at UCI, managing hackathons as the logistics co-director for Hack at UCI, and helping professors run virtual courses on Minecraft!", + "year":"", + "major": "", + "src": "" + }, + + { + "img": "/assets/img/humans-of-ics/2021-2022/erick_gutierrez.jpg", + "name": "Erick Gutierrez", + "date": "April 2022", + "desc": " Read more about Erick's passions regarding music, board games, and quesadillas!", + "year":"", + "major": "", + "src": "" + }, + + { + "img": "/assets/img/humans-of-ics/2021-2022/patrick-nguyen.jpg", + "name": "Patrick Nguyen", + "date": "June 2022", + "desc": "Hear more about Patrick's experiences with ICSSC & ZotBins, and his passions regarding fried chicken, the BTS Meal, and embedded systems!", + "year":"", + "major": "", + "src": "" + } +] \ No newline at end of file diff --git a/components/navbar.js b/components/navbar.js index 7373eea..107d013 100644 --- a/components/navbar.js +++ b/components/navbar.js @@ -24,6 +24,7 @@ export default function NavBar() { About Us + Humans of ICS Committees Board diff --git a/pages/humans-of-ics/2021-2022/nathan-nguyen.js b/pages/humans-of-ics/2021-2022/nathan-nguyen.js new file mode 100644 index 0000000..6b61716 --- /dev/null +++ b/pages/humans-of-ics/2021-2022/nathan-nguyen.js @@ -0,0 +1,175 @@ +import { Container } from 'react-bootstrap'; + +import styles from '/styles/HumansOfICS.module.scss'; +import humanOfICS from '/styles/HumanOfICS.module.scss'; + + + +export default function HumansOfICS() { + return ( + + +
+

Humans of ICS

+
+ +
+ +
+

Nathan Nguyen

+

This edition’s star of Humans of ICS is Nathan Nguyen!

+

+ We hope you enjoy reading about Nathan and his passion to help others through pursuing Informatics, victory in placing 3rd at ZotHacks, and experience as a top 1% autochess player. +

+

Year: 2nd

+

Major: Informatics

+
+
+
+

+ Emily Doan: Hello everyone! Welcome to ICS Student Council’s first feature of Humans of ICS. Today, we have Nathan. Nathan, can you start off by introducing yourself? +

+ +

+ Nathan Nguyen: Yea, sure. Hello everyone, I’m Nathan Nguyen, pronouns he/him/his, and I’m a 2nd year Intended Informatics major. +

+ +

+ E: Why did you choose Intended Informatics as your major? +

+ +

+ N: Fun fact, I actually applied to UCI as a political science major because I thought I liked history, US government, and all that good stuff until I realized being a lawyer was the idealistic job I would have to do and I didn’t really like that, so I planned on switching into Computer Science until my ICSSC mentor from last year, who’s an Informatics major, explained what it was to me. I was really intrigued by the idea that Informatics was a type of “jack of all trades” ICS major, in which it was not strictly programming, but also understanding users and their experiences and design which really interested me since I tend to care about what other people think and how to help them out, as I desire to make a difference, no matter how big or small. She was a really good mentor and she inspired me to switch from CS to Informatics not just since I really did not enjoy coding too much, but also because her passion to become a product manager and UI/UX designer as well as my passion in caring other people’s experiences really swayed me to follow in her footsteps. +

+ +

+ E: Your mentor sounds like a wonderful person! I’m glad she helped you figure out what you want to do. This brings us into the next question: what are you passionate about and where did you develop that passion? +

+ +

+ N: Truth is, I am really not too passionate about anything or like a specific topic or hobby. I could never find extreme interest in the many things life has to offer, but I guess something that I happen to really care about, if it counts and I kinda mentioned in my previous response, is making a positive difference to other people. I had a bad tendency to put others first before myself, and so how they felt mattered to me. Although I started putting myself first recently so that I could take care of myself more, part of me still prioritizes others a lot, especially when I hurt them in some way. It really upsets me knowing when my actions have a negative effect on others, and so I self-reflect often and do my best to appeal to others, particularly those closest to me, though I also realized I can not always appeal to even those I care about most and sometimes I have to move. I guess this passion of mine is a continuous cycle, that helps me dive into interacting with others, new or old, learn from others, make memories and enjoy the experience whether good or bad, because that’s what life is all about; it’s not about me, it’s about us. All of us. +

+ +

+ E: Yeah, I definitely feel you. Just the passion to help others has led me to choose my current career interest as well. What is one piece of advice you would give yourself before coming to UCI? +

+ +

+ N: Although this may be unpopular, it would be to work harder and to not take it easy on myself. In my case, I was too relaxed during the Zoom University, and so I didn’t do too well in my classes. Too many people throughout the years have told me to take it easy on myself. To not be too harsh on myself and give myself more credit. But I haven’t been doing as much and as well as I should be. Am I really doing the best I can? I needed to do better. Even though this may leave a mental and physical toll, I believe in pushing myself to realize my capabilities while finding balance in giving myself the necessary rest and fun I wanted, though essentially, I needed to work a lil harder, as I’m entering adulthood and it’s no longer entirely fun and games. +

+ +

+ E: Now moving onto the more personalized questions, you had mentioned that you placed third place at your first hackathon. Congrats! How did that go and how did you feel when you found out you had placed third? +

+ +

+ N: I really enjoyed it! Although I was looking forward to an overnight hackathon, the experience was still great, as it forced me to make a functional website given a certain amount of hours and it really brought the speedrunner out of me. It was stressful at one point since I worked on the back-end alone and even though my mentor helped me a lot, he had to leave halfway and so I was like stuck on one part of my code for literally three hours straight. We ended up failing to merge everything together and our website kinda broke, but we fixed it so that, actually let me clarify what we made. We made an online whiteboard called ZotBoard, in which basically, if you’re familiar with an online whiteboard, it is what the name implies: a collaborative online whiteboard in which people from other computers can draw or write things on it and everyone on the website will be able to see updates, which was our biggest challenge implementing. We ended up not having the collaborative part or connection working, so we ended up having a single whiteboard website basically. After looking at everyone’s projects during expo, it was funny, I predicted that our group would get third place so I was not really too surprised but relieved that we still placed despite our project not being what we wanted it to be, but in the end, I am content with the experience and what I have learned from it all. +

+ +

+ E: I noticed that you have started the development process of your personal website? What languages and/or frameworks are you looking to implement? What is the design vibe you’re going for? +

+ +

+ N: Definitely the basic languages of HTML, CSS, and Javascript for sure. I’m still relatively new to web dev[elopment]. Frameworks, definitely React and Bootstrap but I still need to familiarize myself more with them before getting into developing my personal website since I’m taking it slowly. My design vibe will probably be monochrome, just like my personality, or basically reflecting my vibe as a person because I want it to be a simple website about me. +

+ +

+ E: I also heard you’re an autochess pro. What would you say is your level of skill when it comes to autochess?

+ +

+ N: Well, I usually play one specific autochess, which is Teamfight Tactics, basically a League of Legends autochess. I’m Masters, which is the third highest rank in the game and actually like rank 1600 or something in North America. It’s just a hobby of mine that I enjoy doing since it’s pretty similar to chess and requires strategic thinking. The other autochess game I also play is called Super Auto Pets, which features pets and is pretty wholesome and cute, I would recommend trying that specific game out to anyone who wants to get into autochess. +

+ +

+ E: Alright, last personalized question and it might be random, but name your top three anime and describe why they are your favorite. +

+ +

+ N: Let’s see, first one has to be A Silent Voice, I relate to the main character too much. Then Neon Genesis Evangelion because I enjoyed how they intertwined action and many powerful themes such as depression plus all the characters are cool. Last one would probably be Spirited Away because Studio Ghibli movies hit different! +

+ +

+ E: Studio Ghibli definitely belongs in my heart. Moving onto rapid fire questions! Early-riser or night-owl? +
+ N: Definitely night. +

+ +

+ E: Spicy or sweet? +
+ N: Sweet. I have a bad sweet tooth. +

+ +

+ E: Xbox or Playstation? +
+ N: Xbox. +

+ +

+ E: Twitch or YouTube? +
+ N: I use both often, but Twitch. +

+ +

+ E: Talking or texting? +
+ N: I guess talking. +

+ +

+ E: RPG or FPS? +
+ N: FPS. +

+ +

+ E: iOS or Android? +
+ N: iOS. +

+ +

+ E: Cake or ice cream? +
+ K: Ice cream. +

+ +

+ E: Summer or winter? +
+ N: Summer, I can’t stand the cold. +

+ +

+ E: Coffee or boba? +
+ N: Boba. +

+ +

+ E: Staying in or going out? +
+ N: This is difficult, but I guess going out. +

+ +

+ E: And that concludes our interview! Thank you so much Nathan for being our first feature for Humans of ICS! +
+ N: For sure, thank you for having me here at Humans of ICS! +

+
+

+ Thanks to Nathan for being a part of Humans of ICS and thank you for reading this edition of Humans of ICS! Follow + Nathan (@nathann.nguyen) and ICSSC (@icssc.uci) on Instagram!
+
+ Nominate yourself or your friends for Humans of ICS. See you next time! +

+ +
+ ); +} \ No newline at end of file diff --git a/pages/humans-of-ics/2021-2022/sebastian-carbajal.js b/pages/humans-of-ics/2021-2022/sebastian-carbajal.js new file mode 100644 index 0000000..6da477a --- /dev/null +++ b/pages/humans-of-ics/2021-2022/sebastian-carbajal.js @@ -0,0 +1,205 @@ +import { Container } from 'react-bootstrap'; + +import styles from '/styles/HumansOfICS.module.scss'; +import humanOfICS from '/styles/HumanOfICS.module.scss'; + + + +export default function HumansOfICS() { + return ( + + +
+

Humans of ICS

+
+ +
+ +
+

Sebastian Carbajal

+

This edition’s star of Humans of ICS is Sebastian Carbajal!

+

+ We hope you enjoy reading about Sebastian and his experience as an upcoming video game developer, + Brazilian Jiu Jitsu debut, and epic Minecraft speed-bridging skills! +

+

Year: 3rd

+

Major: Game Design and Interactive Media

+
+
+
+

+ Emily Doan: So hello everyone, welcome back to another episode of Humans of ICS. Today we have Sebastian! Sebastian, can you start off by introducing yourself– your name, major, year, and pronouns? +

+ +

+ Sebastian Carbajal: Yeah definitely sure. Hello, my name is Sebastian. I'm a third year game design and interactive media major at UCI and my pronouns are he/him. +

+ +

+ E: So the first question is, why did you choose game design and interactive media as your major? +

+ +

+ S: It's always just been a big passion of mine like growing up. I was just fascinated with video games, especially how it served as an escape. Mainly the idea that you could just get pulled away from your real life, environment and just get sucked into a digital media and just be so invested with it. Obviously growing up in a very impoverished community I didn't really get the opportunity to become a game developer, and so when I entered UCI, it always seemed like it was almost impossible, like I never really came to think of the people making the games that I played as a job. +

+ +

+ E: You actually answered the next question I was going to ask you: what you're passionate about, where did you develop it, but yeah so I guess you can talk about anything else you're passionate about? +

+ +

+ S: Oh what's up, what was the question? +

+ +

+ E: Is there anything besides just the main coursework you do at UCI that you are passionate about? +

+ +

+ S: So some of my interests outside of like, the academic view? +

+ +

+ E: Yeah! +

+ +

+ S: Yeah, I really love the ocean and swimming a lot. So much that a lot of my game development ideas usually have to do with nautical themes and it's just like me being raised in SoCal and always going to the beach. Something I always used to do is challenge myself to swim deeper out into the ocean like each time I go to the beach. I get very disappointed if I go without getting into the water and every time I get in the water, you always try to go farther and farther out safely and then get back. +

+ +

+ E: I cannot swim, so I envy you. Anyways, what is one piece of advice you would give yourself before coming to UCI? +

+ +

+ S: Just be open to new experiences, I think the biggest thing about college is definitely meeting new people and being exposed to a different group of people in general, so, for example, back in high school, I was raised in a very Latino community, so I was like only used to a very distinct experience. And entering UCI you meet all these different kinds of people and with them, you come with different personalities, you know. Things that you might not be used to at home so you're going to be a lot more sheltered and shy. Don't miss out on any opportunity to be like a new person or anything like that, whether it's joining a club. Just don't be shy, be open to new experiences. +

+ +

+ E: Yeah definitely! I feel like my mindset has definitely expanded upon entering UCI, and I’m so grateful for that. Now onto the personalized questions: the first one, what is your favorite game development piece that you have so far? +

+ +

+ S: It has to be this one game jam that we did over the summer, where we made a very funny fps game. I wasn't even aware of the game jam, my friend just hit me up one day and was like “Hey, you're enjoying this month-long game jam that we're guaranteed to get $1,000 if we turn in at least one game,” and I was like “Oh, how cool.” I didn't realize just how a little silly thing that I thought it was, became much more. It really hit me a lot, and I mean realized that this is really what I wanted to do because, as we began development, the game transformed from an Among-Us styled game, where you try to find who's a ____, and higher evolved into an FPS team shooter game where you control a rolling ball that sticks guns onto it and you have to like try to roll into the right position to be able to get a good shot on someone. And it was definitely a very, very experimental game that I made and I know it was just like a really fun experience, like how much games change as you've been developing like the concept as a whole is just going to completely change– you won't even realize it. +

+ +

+ E: A whole month? +

+ +

+ S: Yeah, yeah. Kind of. It was a month-long game jam held by this game called Core, basically just Roblox with Fortnite graphics. All the games on there are made by people, not by the developers themselves. +

+ +

+ E: Oh, I see. What would you recommend to folks that want to go into Game Design? Have there been any resources for this that are useful for you? +

+ +

+ S: Yeah honestly game development is hard, because when I first joined UCI despite me being a game programming major, we get any actual game dev experience until like this year, and even then it was mostly just honestly learning off of YouTube. Don't underestimate random game engine forums. They're extremely useful. They're fantastic resources that I wish I had learned about before, especially back in the early classes, where you just kind of depend on yourself to learn a lot of programming. +

+ +

+ E: Yeah I feel like in classes, you mostly learn the theoretical side of things, and students have to depend on themselves to expand on that knowledge and find what is best for them, so I definitely agree with that. To the next question, I saw that one of your hobbies is Brazilian Jiu Jitsu. How long have you been doing this for, and how do you like it? +

+ +

+ S: I just started actually back in May and I've always wanted to do martial arts. This is probably going to be a very common subject, but because of my background, I never really had the money to be able to do extracurricular programs like that around my community. And it wasn't really until I got a job, where I was like you know I could probably try one of the things I've always been wanting to do, which is martial arts. I gave jujitsu a try because it seems like a lot of fun and I'm afraid of getting hit. It's just all breaking arms and choking before, so I was like yeah, this seems better. And it's been a ton of fun. I love it so much in fact I really want to join the jujitsu club at uci but I messed up my toe and haven't been able to do much regular stuff. So hopefully soon. +

+ +

+ E: Next question: also noticed that one of your nifty skills is speedbridging on Minecraft. Can you explain what that is to anyone that's probably reading this? Where would you say that your level of skill is at? +

+ +

+ S: Haha, so I completely forgot to put that as one of my skills, but speedbriding on Minecraft is when you are over an open pit and you try to create a bridge as quick as possible to get to the other side, or to whatever destination you're trying to be go to, but what makes it so difficult is that you have to like get into the rhythm of crouching and placing a blog as quick as possible. And then obviously you know you got to place a block to match that rhythm. So, as you keep doing it and getting better, you end up adapting this really great rhythm of creating bridges as quickly as possible to get to, let's say, a floating island from your floating island that you're at. Yeah it's very tricky and honestly I wouldn't say I'm even that good. I just got the fundamentals of it down, for example, there will be people who are dedicated to it so incredibly well that they'll be able to do this thing called… I forget what's the word for it but it involves basically speed bridging but also making a staircase at the same time, so your speed bridging into a diagonal pattern is very tricky and very cool. +

+ +

+ E: Is this what they’d do on a Minecraft game of SkyWars? +

+ +

+ S: Yeah exactly! It's usually played on SkyWars. +

+ +

+ E: So the next set of questions will be rapid fire questions, starting off with early riser or night owl? +
+ S: Definitely night owl. I'm going to be up until maybe 2am but I'm trying to fix that. +

+ +

+ E: Spicy or sweet? +
+ S: I'm gonna say sweet even though I'm Mexican. +

+ +

+ E: Xbox or Playstation? +
+ S: Playstation easily. Better exclusives. +

+ +

+ E: Twitch or YouTube? +
+ S: YouTube. Honestly, Twitch has a very weird personality culture. +

+ +

+ E: Talking or texting? +
+ S: Texting. Honestly I’m too scared to talk, dude. +

+ +

+ E: Yes, even I’m freaking out here, haha. RPG or FPS? +
+ S: That honestly depends. I’m going to say RPG. +

+ +

+ E: iOS or Android? +
+ S: iOS. +

+ +

+ E: Summer or winter? +
+ S: Summer. +

+ +

+ E: Coffee or boba? +
+ S: Coffee. +

+ +

+ E: Staying in or going out? +
+ S: Honestly, going out. +

+ +

+ E: And that concludes our interview together! Thank you so much for letting me interview you! +
+ S: No problem. +

+
+ +

+ Thanks to Sebastian for being a part of Humans of ICS and thank you for reading this edition of Humans of ICS! + Remember to follow {' '} + Sebastian (@quantum_ramen) and ICSSC (@icssc.uci) on Instagram!
+
+ Nominate yourself or your friends for Humans of ICS. See you next time! +

+ +
+ ); +} \ No newline at end of file diff --git a/pages/humans-of-ics/home.js b/pages/humans-of-ics/home.js new file mode 100644 index 0000000..8e9c72c --- /dev/null +++ b/pages/humans-of-ics/home.js @@ -0,0 +1,48 @@ +import humans2021_2022 from '/assets/data/humans-of-ics/2021-2022/humans-of-ics.json'; +import { Container, Modal, Button } from 'react-bootstrap'; +import React, { useState } from 'react'; + + +import styles from '/styles/HumansOfICS.module.scss'; + +function Human(props) { + const {img, name, date, desc, year, major, src } = props; + return ( + +
+ +
+

{name}

+

{date}

+

{desc}

+

Click To Learn More {'>'}

+
+
+
+ ); +} + + +export default function HumansOfICS() { + return ( + +
+

Humans of ICS

+

+ ICS students come from all kinds of backgrounds, and we want to highlight YOUR journey! Our goal is to try to connect everyone in ICS one step at a time! +
+ You can nominate yourself or a friend here and we will be in contact with you for the next steps! +

+
+
+ {humans2021_2022.map((human, ind) => )} + + +
+ + +
+ ); +} \ No newline at end of file diff --git a/public/assets/img/humans-of-ics/2021-2022/ellise_limjoco.jpeg b/public/assets/img/humans-of-ics/2021-2022/ellise_limjoco.jpeg new file mode 100644 index 0000000..615190e Binary files /dev/null and b/public/assets/img/humans-of-ics/2021-2022/ellise_limjoco.jpeg differ diff --git a/public/assets/img/humans-of-ics/2021-2022/erick_gutierrez.jpg b/public/assets/img/humans-of-ics/2021-2022/erick_gutierrez.jpg new file mode 100644 index 0000000..46f14aa Binary files /dev/null and b/public/assets/img/humans-of-ics/2021-2022/erick_gutierrez.jpg differ diff --git a/public/assets/img/humans-of-ics/2021-2022/kevin_xu.png b/public/assets/img/humans-of-ics/2021-2022/kevin_xu.png new file mode 100644 index 0000000..5842535 Binary files /dev/null and b/public/assets/img/humans-of-ics/2021-2022/kevin_xu.png differ diff --git a/public/assets/img/humans-of-ics/2021-2022/nathan_nguyen.jpeg b/public/assets/img/humans-of-ics/2021-2022/nathan_nguyen.jpeg new file mode 100644 index 0000000..7b49373 Binary files /dev/null and b/public/assets/img/humans-of-ics/2021-2022/nathan_nguyen.jpeg differ diff --git a/public/assets/img/humans-of-ics/2021-2022/patrick-nguyen.jpg b/public/assets/img/humans-of-ics/2021-2022/patrick-nguyen.jpg new file mode 100644 index 0000000..7b6674c Binary files /dev/null and b/public/assets/img/humans-of-ics/2021-2022/patrick-nguyen.jpg differ diff --git a/public/assets/img/humans-of-ics/2021-2022/sebastian_carbajal.jpg b/public/assets/img/humans-of-ics/2021-2022/sebastian_carbajal.jpg new file mode 100644 index 0000000..1fa10de Binary files /dev/null and b/public/assets/img/humans-of-ics/2021-2022/sebastian_carbajal.jpg differ diff --git a/styles/HumanOfICS.module.scss b/styles/HumanOfICS.module.scss new file mode 100644 index 0000000..e8f24b1 --- /dev/null +++ b/styles/HumanOfICS.module.scss @@ -0,0 +1,47 @@ +.card { + display: flex; + flex-direction: row; + place-content: center; + column-gap: 30px; + + img { + width: 350px; + height: 350px; +} +} + +.card__text { + display: flex; + flex-direction: column; + justify-content: center; + + p { + font-size: 1.5rem; + } +} + +.main{ + background-color: white; + padding: 8%; + margin: 4rem 0px; + + p { + font-family: 'Courier New', Courier, monospace; + } +} + +@media only screen and (max-width: 600px) { + .card { + flex-direction: column; + padding: 2rem; + + img { + align-self: center; + margin-bottom: 1rem; + } + h1, h2 { + text-align: center; + } + + } +} \ No newline at end of file diff --git a/styles/HumansOfICS.module.scss b/styles/HumansOfICS.module.scss new file mode 100644 index 0000000..b0f62a8 --- /dev/null +++ b/styles/HumansOfICS.module.scss @@ -0,0 +1,100 @@ +@import 'styles/variables'; + +.banner { + margin-top: 6rem; + text-align: center; + text-align: -webkit-center; + div { + display: flex; + justify-content: center; + align-items: center; + } + h1 { + margin: 2rem 0; + font-size: 4rem; + font-weight: 800; + } + p { + font-size: 1.3rem; + max-width: 800px; + display: inline; + vertical-align: middle; + } + + a { + text-decoration: underline; + color: #007bff; + } +} + +.card_container{ + display: flex; + flex-wrap: wrap; + flex-direction: row; + row-gap: 50px; + justify-content: space-around; + margin: 4rem 0px; + + a { + text-decoration: none; + } +} + +.card { + display: flex; + flex-direction: row; + column-gap: 50px; + max-width: 900px; + justify-content: center; + padding:20px; + background-color: $blueberry; + box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; + cursor: pointer; + &:hover { transform: scale(1.05);} + transition: 0.3s; + + img { + width: 250px; + height: 250px; + } + + h1 { + font-size: 2rem; + line-height: 2rem; + } + + h2 { + font-size: 1.5rem; + line-height: 1.7rem; + } + + p { + font-size: 1.1rem; + line-height: 1.3rem; + } + +} + +.card__text { + display: flex; + flex-direction: column; + align-self: center; + color: $light-cotton-candy; +} + +/* Small devices (phones, 600px and down) */ +@media only screen and (max-width: 600px) { + .card { + flex-direction: column; + padding: 40px; + + img { + align-self: center; + margin-bottom: 1rem; + } + h1, h2 { + text-align: center; + } + + } +}