Blog

Slate

Colab's hub of knowledge!

Our community shares insights on everything in the industry from internships and interviews about business, finance, engineering and marketing to more. Authored by our members and team, these articles empower and educate. Follow us on our social media to all these articles in action.

Let’s get social about it

https://www.linkedin.com/company/colabwithus
https://www.instagram.com/colab.withus
https://www.youtube.com/channel/UCnIVFVJWAdthdFqhHF5ioew

Pick a category that interests you the most.

Everything

7 views

Everything

Software Engineering

Internships

Fellowship

Startups

Catchups

Marketing

💡
image

Contact Us

📧 Send us an e-mail

(or live chat on the bottom-right corner of the screen)

Find us at:

https://www.instagram.com/colab.withus
https://www.youtube.com/channel/UCnIVFVJWAdthdFqhHF5ioew

Made with 💜 in San Fransisco 2024

Page CSS
Blog posts
Page Css
:root { /* Border radius */ 
--picker-border-radius: 10px!important; 
/* Active colors */ 
--picker-active-bg-color: #220064!important; 
--picker-active-text-color: rgb(255, 255, 255)!important; 
/* Default colors */ 
--picker-border-color: #220064!important; 
--picker-text-color: white!important; /* Hover colors */ 
--picker-hover-bg-color: rgb(222, 233, 233)!important; 
--picker-hover-text-color: rgb(55, 70, 70)!important; 
--picker-hover-border-color: rgb(233, 233, 233)!important; 
}

body {
  background-color: #040219;
  color: white;
}

.super-content {
  padding-bottom: 0vh;
}

.super-content-wrapper {
  padding-top: 50px;
  width: 95%;
  margin: auto;
}

@media (max-width:1000px) {
  .super-content-wrapper {
    padding-top: 50px;
    width: 950%;
    padding-bottom: 0vh;
  }
}

#block-7bc9c005d4a24ab9b465087d8b9431af {
  font-size: 4.5vw;
  background-image: linear-gradient( 290deg, #EBDA17 0%, #EF9E06 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

@media (max-width:1000px) {
  .super-content-wrapper {
    padding-top: 50px;
    width: 100%;
  }
  
  #block-7bc9c005d4a24ab9b465087d8b9431af {
    font-size: 5vh;
  }
  
}

#block-35ef56897a7244e3a9f3881063c0f69f {
  text-align: center;
  font-size: 1.5em;
  padding-top: 50px;
}

/*------- Social Icons ------*/
#block-7339a0424dc14bcabe94ca34b3e515b3 {
  flex-wrap: nowrap;
}

@media (min-width:1001px) {
  /*Linkedin*/
  #block-cbb8f09e5de742b4823cb5cbecd1cdae {
    align-items: end;
  }

  /*Youtube*/
  #block-7c3ceefffc2a4668baec13c7fc6a3620 {
    align-items: start;
  }
}

#block-441b74b7d123440fba485acdd20225a4 {
  padding-top: 20px;
}

#block-441b74b7d123440fba485acdd20225a4,
#block-f58059d742264fb1b401d0ded39fde1d{
  text-align: center;
  font-size: 1.1em;
  /*padding-bottom: 30px;*/
}

.notion-dropdown {
  width: 100%;
}

.notion-dropdown__button {
  justify-content: space-between !important;
  width: 100% !important;
  border: 1px solid var(--CBPink) !important;
  padding: 10px !important;
  border-radius: 8px !important;
}

.notion-dropdown__button {
  display: flex;
  align-items: center;
  border-radius: 3px;
  padding: 2px 6px;
  font-weight: 600;
  cursor: pointer;
}

.notion-dropdown__menu-wrapper .notion-dropdown__menu {
  width: 100% !important;
  border-radius: 8px !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
}

#block-3cbf24bed3d94fb38d967f0faba9dff5 {
  display: none;
}
Blog Css
body {
  background-color: #040219;
  color: white;
}

.super-content {
  padding-bottom: 0vh;
}

.super-content-wrapper {
  padding-top: 50px;
  width: 95%;
  margin: auto;
}

@media (max-width:1000px) {
  .super-content-wrapper {
    padding-top: 50px;
    width: 950%;
    padding-bottom: 0vh;
  }
}

@media (max-width:1000px) {
  .super-content-wrapper {
    padding-top: 50px;
    width: 100%;
  }
  
}

.notion-embed {
  margin-left: -20px;
}

.notion-page__properties {
  display: none;
}

h1.color-purple {
  color: var(--CBPink);
  font-size: 2.7vw;
}

.notion-text.color-red {
  color: white;
}

.notion-text.color-green {
  color: var(--CBDullPink);
  font-weight: bold;
  font-size: 1.2em;
}

h3.color-yellow {
  color: var(--CBBlue);
  font-size: 1.3em;
}

.notion-callout.bg-purple-light h3 {
  color: var(--CBBlue);
  width: 100%;
  margin: auto;
  font-size: 1.3em;
}

.notion-callout.bg-purple-light.border {
  background-color: transparent;
  border-color: var(--CBDullPink);
  border-width: 1px;
  border-radius: 30px;
}

.notion-callout.bg-purple-light {
  margin-top: 40px;
  width: 500px;
}

@media (max-width:1000px) {
  h1.color-purple {
    font-size: 3.5vh;
  }
  
  .notion-callout.bg-purple-light {
    margin-top: 40px;
    width: 100%;
    margin-bottom:30px ;
  }
}

View the instructions on how to use Ora here