html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl,ol ol,ol ul,ul ol,ul ul{margin:0}hr{box-sizing:content-box;color:inherit;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}table{border-color:inherit;text-indent:0}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}:root{--layout-mobile-width: 375px;--layout-desktop-width: 1440px;--bento-wrapper-height: 600px;--bento-wrapper-width: 780px;--color-purple-100: hsl(254, 88%, 90%);--color-purple-500: hsl(256, 67%, 59%);--color-yellow-100: hsl(31, 66%, 93%);--color-yellow-500: hsl(39, 100%, 71%);--color-white: hsl(0, 0%, 100%);--color-black: hsl(0, 0%, 7%);--color-body: #F5F5F5;--font-family: "DM Sans", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-size-setup: 16px;--font-size-body: 18px;--font-size-big: 1.5rem;--font-size-small: .8rem;--font-size-huge: 2rem;--bento-item-height: 100px;--bento-item-width: 250px;--bento-item-gap: 16px}@font-face{font-family:DM Sans;src:url(/fe-mentor-bento-grid/fonts/DMSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:DM Sans;src:url(/fe-mentor-bento-grid/fonts/DMSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:DM Sans;src:url(/fe-mentor-bento-grid/fonts/DMSans-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.text-purple-100{color:var(--color-purple-100)}.text-purple-500{color:var(--color-purple-500)}.text-yellow-100{color:var(--color-yellow-100)}.text-yellow-500{color:var(--color-yellow-500)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.font-weight-regular{font-weight:var(--font-weight-regular)}.font-weight-medium{font-weight:var(--font-weight-medium)}.font-size-body{font-size:var(--font-size-body)}.font-size-big{font-size:var(--font-size-big)}.font-size-small{font-size:var(--font-size-small)}.font-size-huge{font-size:var(--font-size-huge)}.italic{font-style:italic}html{box-sizing:border-box;height:100dvh}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);font-size:var(--font-size-setup);color:var(--color-black);background-color:var(--color-white);margin:0;padding:0;box-sizing:border-box;height:100dvh;width:100%;background:var(--color-body);display:flex;flex-direction:column;justify-content:center;align-items:center;word-wrap:break-word;word-break:break-word}p{margin:0;padding:0}.bento-wrapper{height:var(--bento-wrapper-height);width:var(--bento-wrapper-width);overflow:auto;resize:auto;.card{border-radius:.4rem}.bento-grid-1{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:1fr 1fr;grid-column-gap:var(--bento-item-gap);grid-row-gap:var(--bento-item-gap);height:100%;.bento-1-create-and-schedule{background-color:var(--color-yellow-100);font-size:var(--font-size-big);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--bento-item-gap);& p{width:80%}& img{width:80%;height:auto}}.bento-1-write-content-ai{background-color:var(--color-yellow-500);font-size:var(--font-size-big);display:flex;flex-direction:column;justify-content:space-between;gap:var(--bento-item-gap);padding:14px;& img{width:100%;height:auto}}}.bento-grid-2{display:grid;grid-row:1 / 3;grid-column:2 / 3;grid-template-rows:7fr 3fr;grid-template-columns:1fr 1fr 1fr;grid-column-gap:var(--bento-item-gap);grid-row-gap:var(--bento-item-gap);.bento-2-schedule{grid-row:1 / 2;grid-column:3 / 4;background-color:var(--color-purple-100);padding:1.75rem 1rem 1rem;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;& img{height:210px;width:auto}}.bento-2-percent{background-color:var(--color-white);padding:1rem;& h1{margin:0}& p{margin-top:.65rem}& img{margin-top:1rem;height:40px}}.bento-2-grow-followers{grid-row:2 / 3;grid-column:2 / 4;padding:1rem;background-color:var(--color-purple-500);display:flex;overflow:hidden;align-items:center;.img-wrapper{width:50%;overflow:hidden}& img{width:100%;object-fit:contain}& p{width:50%;color:var(--color-white)}}}.bento-grid-3{display:grid;grid-row:1 / 2;grid-column:1 / 3;grid-template-columns:1fr 1fr;grid-template-rows:5fr 4fr;grid-column-gap:var(--bento-item-gap);grid-row-gap:var(--bento-item-gap);.bento-3-socail-media{grid-row:1 / 2;grid-column:1 / 3;background-color:var(--color-purple-500);padding:1rem;display:flex;flex-direction:column;align-items:center;& h1{font-size:var(--font-size-huge);text-align:center;color:var(--color-white)}& img{width:120px;height:auto}& p{margin-top:.5rem}}.bento-3-manage-multiple{overflow:hidden;position:relative;padding:1rem;background-color:var(--color-white);& img{height:40px;width:auto;box-shadow:0 0 1px 4px #fcfcfc}}.bento-3-maintain{padding:1rem;background-color:var(--color-yellow-500);overflow:hidden;& img{width:100%;margin-top:1rem;margin-bottom:-95px}}}}@media screen and (max-width: 768px){:root{--bento-wrapper-height: 100%;--bento-wrapper-width: 100%}body{height:100%;display:block;padding:1rem}.bento-wrapper{resize:none;.bento-grid-1{grid-template-columns:1fr;.bento-1-create-and-schedule{order:2;align-items:flex-start;padding:1rem;& img{width:40%}}.bento-grid-2{order:1;grid-template-columns:1fr;grid-template-rows:unset;grid-row:auto;grid-column:auto;.bento-2-schedule{align-items:center;grid-row:auto;grid-column:auto;order:2;& p{text-align:center}}.bento-2-grow-followers{grid-row:auto;grid-column:auto;order:3;flex-direction:column;gap:1rem;& p{text-align:center}}.bento-2-percent{order:4}}.bento-1-write-content-ai{order:3;& img{width:60%}}}.bento-grid-3{grid-template-columns:1fr;grid-row:auto;grid-column:auto;order:1;grid-template-rows:5fr 2fr 3fr;.bento-3-socail-media{grid-row:auto;grid-column:auto;justify-content:center;& img{width:60%}& p{font-size:var(--font-size-body);text-align:center}}.bento-3-maintain{& img{width:70%}}}}}