styles.css

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input{outline:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}button{margin:0;padding:0;border:none;outline:0;font:inherit;line-height:normal}button::-moz-focus-inner{border:0;padding:0}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.7) format("woff2"),url(https://rsms.me/inter/font-files/Inter-Regular.woff?v=3.7) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://rsms.me/inter/font-files/Inter-Medium.woff2?v=3.7) format("woff2"),url(https://rsms.me/inter/font-files/Inter-Medium.woff?v=3.7) format("woff")}.about__heading2,.donate__title,.event__name,.hire__title,.teach__courseTitle,.tell__title{font-size:18px;font-weight:500}@media (min-width:720px){.about__heading2,.donate__title,.event__name,.hire__title,.teach__courseTitle,.tell__title{font-size:20px}}@media (min-width:1200px){.about__heading2,.donate__title,.event__name,.hire__title,.teach__courseTitle,.tell__title{font-size:24px}}.about__text,.author__desc,.donate__desc,.event__desc,.hire__desc,.social__link,.teach__courseDesc,.tell__desc{font-size:14px;color:#666;line-height:1.5}@media (min-width:720px){.about__text,.author__desc,.donate__desc,.event__desc,.hire__desc,.social__link,.teach__courseDesc,.tell__desc{font-size:16px}}@media (min-width:1200px){.about__text,.author__desc,.donate__desc,.event__desc,.hire__desc,.social__link,.teach__courseDesc,.tell__desc{font-size:18px}}.event__contact{font-size:12px;color:#666;line-height:1.5}@media (min-width:720px){.event__contact{font-size:12px}}@media (min-width:1200px){.event__contact{font-size:14px}}.about__headingHighlight,.event__name:hover,.first__link:hover,.first__name,.tell__title:hover{background:linear-gradient(to right,#ef5e2f,#f47111);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.event__name,.first__link,.tell__title{position:relative}.event__name::after,.first__link::after,.tell__title::after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:2px;background:linear-gradient(to right,#ef5e2f,#f47111)}.section{width:100%;margin-bottom:48px;padding-left:20px;padding-right:20px}@media (min-width:720px){.section{margin-bottom:60px;padding-left:40px;padding-right:40px}}@media (min-width:1200px){.section{margin-bottom:180px;padding-left:0;padding-right:0}}.section__heading{margin-bottom:24px;font-size:24px;font-weight:500}@media (min-width:720px){.section__heading{margin-bottom:32px;font-size:32px}}@media (min-width:1200px){.section__heading{margin-bottom:60px;font-size:48px}}@media (min-width:1200px){.about{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:80px;justify-items:start}}.about__image{display:block;max-width:100%;max-height:240px;margin-top:20px;margin-bottom:32px}@media (min-width:1200px){.about__image{justify-self:end;max-height:none;margin:0;padding:0;grid-column:1/2;grid-row:1/11;margin-top:64px}}.about__text{margin-top:16px;margin-bottom:32px}@media (min-width:720px){.about__text{margin-top:20px;margin-bottom:40px}}@media (min-width:1200px){.about__text{max-width:560px;margin-top:30px;margin-bottom:48px}}.author{display:grid;grid-template-columns:56px auto;grid-column-gap:12px}@media (min-width:720px){.author{grid-template-columns:80px auto;grid-column-gap:20px;align-items:center}}@media (min-width:1200px){.author{grid-template-columns:100px auto;grid-column-gap:24px}}.author__image{width:100%}.author__desc{font-size:12px}@media (min-width:720px){.author__desc{font-size:16px}}@media (min-width:1200px){.author__desc{font-size:18px}}.author__desc a{text-decoration:underline}.author__desc a:hover{color:#f2681f}.event{display:grid;grid-template-columns:40px -webkit-min-content 1fr;grid-template-columns:40px min-content 1fr;grid-column-gap:12px;grid-row-gap:10px;align-items:center;margin-bottom:32px}@media (min-width:720px){.event{grid-column-gap:16px;grid-row-gap:12px;margin-bottom:48px}}.event__icon{justify-self:center;grid-column:1/2;grid-row:1/2}.event__name{grid-column:2/3;grid-row:1/2}.event__name::after{bottom:-3px;height:2px}.event__desc{grid-column:1/4;grid-row:2/3}@media (min-width:1200px){.event__desc{max-width:480px}}.event__contact{grid-column:1/4;grid-row:3/4}.event__contact img{margin-top:-4px;margin-right:6px;margin-left:8px;vertical-align:middle}.event__contact a{text-decoration:underline}.event__contact a:hover{color:#f2681f}@media (min-width:1200px){.event__contact{max-width:480px}}.first{padding-top:40px;font-size:20px;font-weight:500;line-height:1.5}@media (min-width:720px){.first{font-size:32px;padding-top:80px}}@media (min-width:1200px){.first{max-width:1000px;min-height:100vh;margin-left:auto;margin-right:auto;padding-right:160px;padding-top:25vh;font-size:48px}}.first__link{display:inline-block}@media (min-width:720px){.first__link::after{bottom:2px;height:3px}}@media (min-width:1200px){.first__link::after{bottom:4px;height:4px}}@media (min-width:1200px){.donate,.hire{max-width:960px;margin-left:auto;margin-right:auto;padding-right:240px}}.donate__title,.hire__title{line-height:1.5}.donate__desc,.hire__desc{margin-top:16px}@media (min-width:1200px){.donate__desc,.hire__desc{margin-top:30px}}.donate__link,.hire__link{text-decoration:underline}.donate__link:hover,.hire__link:hover{color:#f2681f}@media (min-width:1200px){.organize{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:80px}}@media (min-width:1200px){.organize__heading{padding-top:100px}}@media (min-width:1680px){.organize__heading{padding-top:200px}}.organize__image{display:block;max-width:100%;max-height:480px;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:48px;padding-left:20px;padding-right:20px}@media (min-width:1200px){.organize__image{width:calc(100% + 220px);transform:translateX(-220px);max-width:1000px;max-height:none;margin:0;padding:0;grid-column:1/2;grid-row:1/6}}.social{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;grid-column-gap:16px;align-items:center;margin-top:20px}@media (min-width:720px){.social{margin-top:24px}}.social__link{text-decoration:underline}.social__link:hover{color:#f2681f}@media (min-width:1200px){.teach{max-width:960px;margin-left:auto;margin-right:auto;padding-right:240px}}.donate__title,.teach__courseTitle{border-bottom:2px solid #f2681f;line-height:1.5}.donate__title:hover,.teach__courseTitle:hover{color:#f2681f}.teach__courseDesc{margin-top:16px;margin-bottom:20px}@media (min-width:1200px){.teach__courseDesc{margin-top:30px;margin-bottom:30px}}@media (min-width:1200px){.tell{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:80px;justify-items:start}}@media (min-width:1200px){.tell__heading{padding-top:120px}}@media (min-width:1680px){.tell__heading{padding-top:160px}}.tell__image{display:none}@media (min-width:1200px){.tell__image{display:block;width:calc(100% + 220px);transform:translateX(-220px);max-width:1000px;max-height:none;margin:0;padding:0;grid-column:1/2;grid-row:1/5}}@media (min-width:1680px){.tell__image{transform:translateX(-160px)}}.tell__title::after{bottom:-3px;height:2px}.tell__desc{margin-top:16px}@media (min-width:720px){.tell__desc{margin-top:20px}}@media (min-width:1200px){.tell__desc{max-width:480px;margin-top:30px}}html{width:100%;height:100%;box-sizing:border-box;text-rendering:optimizeLegibility}body{width:100%;min-height:100%;color:#333;font-family:Inter,sans-serif;font-weight:400;padding-bottom:1px}*,::after,::before{box-sizing:inherit}a{color:inherit;text-decoration:inherit;cursor:pointer}