:root{font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dot-bg: #0081eb;--dot-color: #299fff;--dot-size: 2px;--dot-space: 16px}#root{margin-top:calc(-1*env(safe-area-inset-top))}html{background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center / var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center / var(--dot-space) var(--dot-space),var(--dot-color);background-attachment:fixed}body{margin:0;color:#fff;font-size:clamp(17px,5vw,19px)}.dotedBackground{position:fixed;z-index:-1;width:100%;height:100vh;background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center / var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center / var(--dot-space) var(--dot-space),var(--dot-color)}img{font-style:italic}a{color:#f9f871}@keyframes CloudMovement{0%{transform:translate(-600px)}to{transform:translate(100vw)}}.homePage .heroSection{min-height:calc(100vh - 112px);padding-top:env(safe-area-inset-top);background-image:linear-gradient(to bottom,rgba(0,19,128,.6),transparent,transparent);overflow:hidden}.homePage .heroSection .backgroundObjects{position:relative;z-index:0}.homePage .heroSection .backgroundObjects .sun{position:absolute;top:-180px;right:-190px;height:400px;aspect-ratio:1}.homePage .heroSection .backgroundObjects .cloud{position:absolute;height:320px;animation:CloudMovement linear infinite}.homePage .heroSection .backgroundObjects .cloud_1{left:10%;animation-duration:140s;animation-delay:-30s}.homePage .heroSection .backgroundObjects .cloud_2{top:120px;animation-duration:125s;animation-delay:-79s}.homePage .heroSection .contentContainer{position:relative;display:flex;justify-content:space-between;z-index:1;max-width:1600px;padding:0px clamp(16px,4vw,120px);padding-top:112px;margin-inline:auto}.homePage .heroSection .contentContainer .leftSide .title{font-size:clamp(80px,10vw,160px);line-height:1}.homePage .heroSection .contentContainer .leftSide .subtitle{font-size:clamp(40px,4.44vw,71px);line-height:1}.homePage .heroSection .contentContainer .leftSide .title,.homePage .heroSection .contentContainer .leftSide .subtitle{font-family:Bebas Neue,sans-serif;text-shadow:0px 4px 4px rgba(0,0,0,.2)}.homePage .heroSection .contentContainer .leftSide .description{max-width:750px}.homePage .heroSection .contentContainer .leftSide .countdown{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background-color:#ffffff1a;border:1px solid white;border-radius:16px;margin-top:32px}.homePage .heroSection .contentContainer .leftSide .countdown .timeFrame{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0px 4px 4px rgba(0,0,0,.1);border-right:1px solid white;padding:16px 0;width:100%;line-height:1}.homePage .heroSection .contentContainer .leftSide .countdown .timeFrame:nth-last-child(1){border:none}.homePage .heroSection .contentContainer .leftSide .countdown .timeFrame .time{font-size:clamp(32px,5vw,80px);font-weight:600}.homePage .heroSection .contentContainer .leftSide .countdown .timeFrame .measurement{font-size:clamp(20px,5vw,26px)}.homePage .heroSection .contentContainer .rightSide{width:30%}.homePage .heroSection .contentContainer .rightSide .martinImg{position:relative;top:0;height:calc(100vh - 112px);max-height:800px}@media only screen and (max-width:980px){.homePage .heroSection{min-height:100vh}.homePage .heroSection .contentContainer{flex-direction:column;align-items:center}.homePage .heroSection .contentContainer .leftSide .title{font-size:clamp(70px,10.2vw,160px);line-height:1}.homePage .heroSection .contentContainer .leftSide .subtitle{font-size:clamp(30.6px,4.45vw,70px);line-height:1}.homePage .heroSection .contentContainer .leftSide .countdown{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background-color:#ffffff1a;border:1px solid white;border-radius:16px;margin-top:32px}.homePage .heroSection .contentContainer .leftSide .countdown .timeFrame{padding:16px 0;line-height:1}.homePage .heroSection .contentContainer .leftSide .countdown .timeFrame:nth-last-child(1){border:none}.homePage .heroSection .contentContainer .leftSide .countdown .timeFrame .time{font-size:clamp(32px,5vw,80px);font-weight:600}.homePage .heroSection .contentContainer .leftSide .countdown .timeFrame .measurement{font-size:clamp(18px,4vw,22px)}.homePage .heroSection .contentContainer .rightSide{position:absolute;top:10%;right:-10%;display:flex;justify-content:flex-end;align-items:flex-end;height:100vh;width:100%}.homePage .heroSection .contentContainer .rightSide .martinImg{position:static;height:100%;max-height:500px}}.homePage .extraResources{padding:0px clamp(16px,4vw,120px)}.homePage .extraResources .sectionTitle{font-family:Bebas Neue,sans-serif;text-align:center;font-size:clamp(30px,8vw,100px);margin-bottom:0}.homePage .extraResources .extraResourcesCards{display:flex;justify-content:space-between;gap:0px clamp(16px,4vw,120px);max-width:1600px;margin-inline:auto}@media only screen and (max-width:880px){.homePage .extraResources .extraResourcesCards{flex-direction:column;justify-content:center;align-items:center;gap:16px}}.navbar{position:fixed;top:0;z-index:1000;width:100%;text-shadow:0px 2px 4px rgba(0,0,0,.25);font-family:Bebas Neue,sans-serif}.navbar .background{position:absolute;top:0;z-index:-1;height:100%;width:100%;background-image:linear-gradient(to bottom,rgba(0,19,128,.6),transparent)}.navbar .adjustForPadding{position:relative;display:flex;justify-content:space-between;align-items:center;height:80px;padding:0px clamp(16px,4vw,120px);z-index:100}.navbar .adjustForPadding .linksContainer{display:flex;align-items:center;gap:8px}.navbar .adjustForPadding .linksContainer .pageLink{color:inherit;text-decoration:none;border:1px solid rgba(214,214,214,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.13s}.navbar .adjustForPadding .linksContainer .pageLink:hover{background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbar .adjustForPadding .linksContainer .pageLink{display:flex;align-items:center;padding:4px 12px;border-radius:4px}.navbar .adjustForPadding .linksContainer .pageLink .text{display:flex;flex-direction:column;align-items:center;transform:translateY(1.5px);transition:.3s}.navbar .adjustForPadding .linksContainer .pageLink .text:after{transform:translateY(-6px);content:"";height:2px;border-radius:10px;width:0%;background-color:#fff6;transition:.3s}.navbar .adjustForPadding .linksContainer .pageLink:hover{scale:1.05}.navbar .adjustForPadding .linksContainer .pageLink:hover .text{scale:1.1}.navbar .adjustForPadding .linksContainer .pageLink:hover .text:after{width:100%;background-color:#fff}.navbar .adjustForPadding .socialMediasContainer{display:flex;gap:8px}.navbar .adjustForPadding .socialMediasContainer .socialMediaLink{color:inherit;text-decoration:none}.navbar .adjustForPadding .socialMediasContainer .socialMediaLink .socialMediaIcon{color:inherit;text-decoration:none;border:1px solid rgba(214,214,214,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.13s}.navbar .adjustForPadding .socialMediasContainer .socialMediaLink .socialMediaIcon:hover{background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbar .adjustForPadding .socialMediasContainer .socialMediaLink .socialMediaIcon{display:flex;justify-content:center;align-items:center;text-align:center;width:45px;aspect-ratio:1;border-radius:100px;font-size:26px}.navbar .adjustForPadding .socialMediasContainer .socialMediaLink .socialMediaIcon i{transition:.3s}.navbar .adjustForPadding .socialMediasContainer .socialMediaLink .socialMediaIcon:hover,.navbar .adjustForPadding .socialMediasContainer .socialMediaLink .socialMediaIcon:hover i{scale:1.15}.navbar .adjustForPadding .hamburgerContainer{margin-left:auto;color:inherit;text-decoration:none;border:1px solid rgba(214,214,214,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.13s}.navbar .adjustForPadding .hamburgerContainer:hover{background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbar .adjustForPadding .hamburgerContainer{display:flex;justify-content:center;align-items:center;text-align:center;width:45px;aspect-ratio:1;border-radius:100px;font-size:26px}.navbar .adjustForPadding .hamburgerContainer i{transition:.3s}.navbar .adjustForPadding .hamburgerContainer:hover,.navbar .adjustForPadding .hamburgerContainer:hover i{scale:1.15}.navbar .adjustForPadding .hamburgerContainer{display:none}@media only screen and (max-width:600px){.navbar .adjustForPadding .linksContainer,.navbar .adjustForPadding .socialMediasContainer{display:none}.navbar .adjustForPadding .hamburgerContainer{display:flex}}.sidebarContainer{position:fixed;inset:0;z-index:1001;pointer-events:none}.sidebarContainer .sidebar{position:fixed;top:16px;right:0;z-index:1001;background-color:#ffffff40;color:#fff;text-shadow:0px 4px 4px rgba(0,0,0,.15);border:1px solid white;border-right:0;height:calc(100% - 64px);width:250px;padding:16px;border-radius:16px 0 0 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate(100%);transition:transform .2s ease-in}.sidebarContainer .sidebar hr{border-color:#fff}.sidebarContainer .sidebar .logo{text-align:center;font-family:Bebas Neue,sans-serif;font-size:43px;line-height:1}.sidebarContainer .sidebar .sidebarLinksContainer{display:flex;flex-direction:column;width:100%}.sidebarContainer .sidebar .sidebarLinksContainer .pageLink{text-decoration:none;color:#fff;padding:3px 0}.sidebarContainer .sidebar .socialMediaLinksContainer{position:absolute;bottom:16px;display:flex;justify-content:space-around;width:calc(100% - 32px)}.sidebarContainer .sidebar .socialMediaLinksContainer .socialMediaLink{color:inherit;text-decoration:none}.sidebarContainer .sidebar .socialMediaLinksContainer .socialMediaLink .socialMediaIcon{color:inherit;text-decoration:none;border:1px solid rgba(214,214,214,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.13s}.sidebarContainer .sidebar .socialMediaLinksContainer .socialMediaLink .socialMediaIcon:hover{background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebarContainer .sidebar .socialMediaLinksContainer .socialMediaLink .socialMediaIcon{display:flex;justify-content:center;align-items:center;text-align:center;width:45px;aspect-ratio:1;border-radius:100px;font-size:26px}.sidebarContainer .sidebar .socialMediaLinksContainer .socialMediaLink .socialMediaIcon i{transition:.3s}.sidebarContainer .sidebar .socialMediaLinksContainer .socialMediaLink .socialMediaIcon:hover,.sidebarContainer .sidebar .socialMediaLinksContainer .socialMediaLink .socialMediaIcon:hover i{scale:1.15}.sidebarContainer .blurBackground{position:fixed;top:0;left:0;z-index:999;height:100%;width:100%;background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s ease-in,visibility 0s linear .2s}.sidebarContainer.sidebarContainer__open{pointer-events:auto}.sidebarContainer.sidebarContainer__open .sidebar{transform:translate(0);transition:transform .4s ease-out}.sidebarContainer.sidebarContainer__open .blurBackground{opacity:1;visibility:visible;transition:opacity .4s ease-out,visibility 0s linear 0s}.resourceCard{background-color:#fff;color:#000;width:100%;max-width:400px;padding:8px;border-radius:16px}@media only screen and (max-width:880px){.resourceCard{max-width:600px}}.resourceCard .thumbnailAndTitleContainer{text-decoration:none;color:#000}.resourceCard .thumbnailAndTitleContainer .thumbnail{background-color:#d3d3d3;aspect-ratio:16/9;width:100%;border-radius:8px}.resourceCard .thumbnailAndTitleContainer .title span{font-size:15px;color:gray;font-weight:200}.resourceCard .linksContainer .watchOnYouTube{display:flex;align-items:center;gap:6px;max-width:fit-content;padding:4px 12px;border:1px solid gray;border-radius:60px;color:gray;text-decoration:none}.resourceCard .linksContainer .watchOnYouTube:hover{background-color:#f0f0f0}.resourceCard .linksContainer .watchOnYouTube i{font-size:22px}@keyframes PhoneMovement{0%{transform:rotateX(0)}50%{transform:rotateX(14deg);scale:1.02}to{transform:rotateX(0)}}.iPhoneProductivityPage{padding-top:80px}.iPhoneProductivityPage .heroSection_mobile{display:flex;flex-direction:column;align-items:center;padding:0px clamp(16px,4vw,120px);margin-top:20px}.iPhoneProductivityPage .heroSection_mobile .title{font-size:clamp(30px,7vw,70px);line-height:1;font-weight:600}.iPhoneProductivityPage .heroSection_mobile .subtitle{font-size:clamp(20px,4.38vw,30px);line-height:1}.iPhoneProductivityPage .heroSection_mobile .title,.iPhoneProductivityPage .heroSection_mobile .subtitle{text-align:center;text-shadow:0px 4px 4px rgba(0,0,0,.2)}.iPhoneProductivityPage .heroSection_mobile .containerForPadding{display:flex;flex-direction:column;align-items:center;gap:0px 60px;max-width:1600px;margin-inline:auto;margin-top:24px}.iPhoneProductivityPage .heroSection_mobile .containerForPadding .phoneContainer .heroPhoneImg{width:clamp(260px,20vw,340px);transition:.3s;filter:drop-shadow(0px 8px 64px rgba(0,0,0,.25))}.iPhoneProductivityPage .heroSection_mobile .containerForPadding .infoSection{text-align:justify}.iPhoneProductivityPage .heroSection_mobile .containerForPadding .infoSection p{max-width:700px}.iPhoneProductivityPage .heroSection_desktop{display:none;padding:0px clamp(16px,4vw,120px)}.iPhoneProductivityPage .heroSection_desktop .containerForPadding{display:flex;justify-content:center;gap:60px;max-width:1600px;margin-inline:auto}.iPhoneProductivityPage .heroSection_desktop .containerForPadding .phoneContainer .heroPhoneImg{width:clamp(260px,20vw,140px);transition:.3s;filter:drop-shadow(0px 8px 64px rgba(0,0,0,.25))}@media(hover:hover)and (pointer:fine){.iPhoneProductivityPage .heroSection_desktop .containerForPadding .phoneContainer .heroPhoneImg:hover{animation:PhoneMovement linear 1;animation-duration:.5s;animation-delay:0}}.iPhoneProductivityPage .heroSection_desktop .containerForPadding .rightSection .title{font-size:clamp(40px,8vw,70px);line-height:1;font-weight:500}.iPhoneProductivityPage .heroSection_desktop .containerForPadding .rightSection .subtitle{font-size:clamp(20px,4.38vw,30px);line-height:1}.iPhoneProductivityPage .heroSection_desktop .containerForPadding .rightSection .title,.iPhoneProductivityPage .heroSection_desktop .containerForPadding .rightSection .subtitle{text-shadow:0px 4px 4px rgba(0,0,0,.2)}.iPhoneProductivityPage .heroSection_desktop .containerForPadding .rightSection p{max-width:700px}@media only screen and (min-width:1200px){.iPhoneProductivityPage .heroSection_mobile{display:none}.iPhoneProductivityPage .heroSection_desktop{display:inline}}.iPhoneProductivityPage .extraResources{padding:0px clamp(16px,4vw,120px);margin-top:40px;margin-bottom:160px}.iPhoneProductivityPage .extraResources .sectionTitle{text-align:center;font-size:clamp(30px,8vw,60px);font-weight:500;margin-bottom:0}.iPhoneProductivityPage .extraResources .sectionDescription{text-align:center;max-width:700px;margin-inline:auto}@media only screen and (max-width:800px){.iPhoneProductivityPage .extraResources .sectionDescription{text-align:justify}}.iPhoneProductivityPage .extraResources .extraResourcesCards{display:flex;justify-content:center;gap:clamp(16px,4vw,120px);flex-wrap:wrap}.iPhoneProductivityPage .tipRecomendationSection_v2{display:flex;flex-direction:column;align-items:center;max-width:1600px;margin-inline:auto;padding-bottom:64px;margin-top:64px;border-bottom:1px solid rgba(255,255,255,.5)}.iPhoneProductivityPage .tipRecomendationSection_v2 .sectionTitleContainer{display:flex;gap:16px;padding:0px clamp(16px,4vw,120px);margin-inline:auto}.iPhoneProductivityPage .tipRecomendationSection_v2 .sectionTitleContainer .number{font-size:120px;line-height:1}.iPhoneProductivityPage .tipRecomendationSection_v2 .sectionTitleContainer .titleContainer .title{font-weight:500;margin:0}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer{width:100%;min-width:0}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .sectionDescription{max-width:900px;padding:0px clamp(16px,4vw,120px);margin-inline:auto;text-align:justify}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .phoneImagesContainer{overflow-x:auto;padding:16px clamp(16px,4vw,120px)}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .phoneImagesContainer::-webkit-scrollbar{height:8px}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .phoneImagesContainer::-webkit-scrollbar-track{background:#ffffff2a;border-radius:10px}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .phoneImagesContainer::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:10px}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .phoneImagesContainer::-webkit-scrollbar-thumb:hover{background-color:#ffffffbf}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .phoneImagesContainer .imagesContainer{display:flex;gap:24px;width:max-content;min-width:416px;margin-inline:auto}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .phoneImagesContainer .imagesContainer img{max-height:500px}@media(hover:hover)and (pointer:fine){.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .phoneImagesContainer .imagesContainer img:hover{animation:PhoneMovement linear 1;animation-duration:.5s;animation-delay:0}}.iPhoneProductivityPage .tipRecomendationSection_v2 .contentContainer .phoneImagesContainer .imagesContainer .imageSubtitle{text-align:center;font-size:14px;font-weight:200;opacity:.7;margin-top:-8px}.YouTubeClone{background-color:#0f0f0f;color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:17px}.YouTubeClone .contentSection{display:flex;min-height:100vh}.YouTubeClone .contentSection .contentContainer{width:calc(100% - 264px);padding-left:264px}.YouTubeClone .contentSection .contentContainer .chipBar{position:sticky;top:56px;z-index:1;display:flex;gap:12px;background-color:#0f0f0fe1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-x:auto;padding-right:24px;padding-bottom:1px;margin-left:24px;margin-right:24px;scrollbar-color:#272727 transparent;scrollbar-width:thin}.YouTubeClone .contentSection .contentContainer .chipBar .chip{background-color:#272727;color:#fff;height:32px;padding:0 12px;border-radius:8px;font-size:14px;white-space:nowrap;text-decoration:none;border:1px solid transparent}.YouTubeClone .contentSection .contentContainer .chipBar .chip--active{background-color:#f1f1f1;color:#0f0f0f}.YouTubeClone .contentSection .contentContainer .videosContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin:24px}.YouTubeSidebar{position:fixed;top:56px;background-color:#0f0f0f;height:100%;width:264px}.YouTubeSidebar .linksContainer{display:flex;flex-direction:column;padding:12px;border-bottom:1px solid #272727}.YouTubeSidebar .linksContainer .sidebarLink{border-radius:12px;background-color:transparent;padding:4px 8px}.YouTubeSidebar .linksContainer .sidebarLink:hover{background-color:#272727}.YouTubeNavbar{position:sticky;top:0;z-index:1;display:flex;justify-content:center;align-items:center;background-color:#0f0f0fe1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:56px;width:100%}.YouTubeNavbar .inputContainer{display:flex;width:100%;max-width:500px;color:#fff}.YouTubeNavbar .inputContainer .searchInput{background-color:#0f0f0f;border:1px solid #272727;width:100%;padding:10px;border-radius:50px 0 0 50px;font-size:16px}.YouTubeNavbar .inputContainer .searchButton{padding:0 18px;background-color:#272727;color:#fff;border:1px solid #272727;border-left:none;border-radius:0 50px 50px 0;font-size:19px}.YouTubeHomePageVideo{width:100%}.YouTubeHomePageVideo .imageContainer{position:relative;aspect-ratio:16/9;border-radius:16px;background-color:#272727;overflow:hidden}.YouTubeHomePageVideo .imageContainer .timeStamp{position:absolute;right:8px;bottom:8px;background-color:#00000080;padding:2px 4px;border-radius:4px;font-size:13px;font-weight:500}.YouTubeHomePageVideo .imageContainer .timeStamp .text{margin-bottom:2px;line-height:1}.YouTubeHomePageVideo .imageContainer .thumbnail{height:100%;width:100%;object-fit:cover}.YouTubeHomePageVideo .videoInfo{display:flex;gap:8px;margin-top:12px}.YouTubeHomePageVideo .videoInfo .pfpContainer .profilePicture{width:36px;aspect-ratio:1;border-radius:100%;background-color:#272727}.YouTubeHomePageVideo .videoInfo .textContainer .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.YouTubeHomePageVideo .videoInfo .textContainer .channelName,.YouTubeHomePageVideo .videoInfo .textContainer .views,.YouTubeHomePageVideo .videoInfo .textContainer .spacingDot,.YouTubeHomePageVideo .videoInfo .textContainer .date{color:gray;font-size:16px}.YouTubeHomePageVideo .videoInfo .textContainer .spacingDot{margin:0 6px}