Design/sommersplash responsive (#388)

* Update css section 1

* Update css section 2

* Update css WhyWorkAtVariant

* Update css for about the summerjob/who we look for

* Update css quotes from summerstudents

* Update css for "after application deadline"

* Update css for "salary"

* Update css for "how first year look like"

* Update css for "apply"

* Update css on landingpage

* Cleanup css

* Remove unused files

* Cleanup

* Fix blob on landingpage

* Finishing touches

* Update style on landingpage and apply

* Create separate cssModules for each section, and cleanup the folder structure

* Changes based on feedback from Lotta-Linn

* Update css landingpage

* Fix calculator-blob

* Remove min-height: 100vh from headerBlack

* Fix variable-name in svgs

* Add color to buttons on "Why Variant"?

* Compress image

* Fix sokJobb-link

src/summersplash2022/components/header/headerBlack.module.css

@@ -9,8 +9,6 @@
   max-width: 50rem;
   margin: 0 auto;
   margin-left: 0px;
-  min-height: 100vh;
-  min-height: -webkit-fill-available;
 }
 
 .main__innerFullWidth {

src/summersplash2022/img/arrowDown.tsx

@@ -0,0 +1,30 @@
+const ArrowDown = ({ color }: { color: string }) => {
+  return (
+    <svg
+      width="24"
+      height="26"
+      viewBox="0 0 24 26"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_199_784)">
+        <path
+          d="M13.5 2.5C13.5 1.67157 12.8284 1 12 1C11.1716 1 10.5 1.67157 10.5 2.5L13.5 2.5ZM10.9393 24.5607C11.5251 25.1464 12.4749 25.1464 13.0607 24.5607L22.6066 15.0147C23.1924 14.4289 23.1924 13.4792 22.6066 12.8934C22.0208 12.3076 21.0711 12.3076 20.4853 12.8934L12 21.3787L3.51472 12.8934C2.92893 12.3076 1.97919 12.3076 1.3934 12.8934C0.807612 13.4792 0.807612 14.4289 1.3934 15.0147L10.9393 24.5607ZM10.5 2.5L10.5 23.5L13.5 23.5L13.5 2.5L10.5 2.5Z"
+          fill={color}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_199_784">
+          <rect
+            width="25"
+            height="24"
+            fill="white"
+            transform="translate(24 0.5) rotate(90)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default ArrowDown;

src/summersplash2022/nyutdannet/img/section6Blob.tsx → src/summersplash2022/img/darkBeigeBlob.tsx

@@ -1,4 +1,4 @@
-const Section6Blob = () => {
+const DarkBeigeBlob = () => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,4 +15,4 @@ const Section6Blob = () => {
   );
 };
 
-export default Section6Blob;
+export default DarkBeigeBlob;

src/summersplash2022/nyutdannet/img/section5Blob.tsx → src/summersplash2022/img/darkPinkBlob.tsx

@@ -1,8 +1,6 @@
-import style from 'src/summersplash2022/nyutdannet/nyutdannet.module.css';
-const Section5Blob = () => {
+const DarkPinkBlob = () => {
   return (
     <svg
-      className={style.section5Blob}
       xmlns="http://www.w3.org/2000/svg"
       width="710"
       height="574"
@@ -19,4 +17,4 @@ const Section5Blob = () => {
   );
 };
 
-export default Section5Blob;
+export default DarkPinkBlob;