/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-green-400:oklch(79.2% .209 151.711);--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[-100vh\]{top:-100vh}.top-\[-150vw\]{top:-150vw}.top-\[6vh\]{top:6vh}.top-\[11vh\]{top:11vh}.top-\[35px\]{top:35px}.top-\[100\%\]{top:100%}.right-\[-150vw\]{right:-150vw}.right-\[55px\]{right:55px}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-\[-1\]{z-index:-1}.z-\[0\]{z-index:0}.z-\[1\]{z-index:1}.z-\[15\]{z-index:15}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[35px\]{height:35px}.h-\[40vh\]{height:40vh}.h-\[55px\]{height:55px}.h-\[100vh\]{height:100vh}.h-full{height:100%}.min-h-\[60px\]{min-height:60px}.w-\[20px\]{width:20px}.w-\[35px\]{width:35px}.w-\[40px\]{width:40px}.w-\[55px\]{width:55px}.w-\[80px\]{width:80px}.w-\[100vw\]{width:100vw}.w-full{width:100%}.min-w-\[120px\]{min-width:120px}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.rounded-\[5px\]{border-radius:5px}.rounded-\[10px\]{border-radius:10px}.rounded-\[50px\]{border-radius:50px}.rounded-\[55px\]{border-radius:55px}.border{border-style:var(--tw-border-style);border-width:1px}.border-5{border-style:var(--tw-border-style);border-width:5px}.border-\[\#00293D\]{border-color:#00293d}.border-\[\#d6ecff\]{border-color:#d6ecff}.bg-\[\#001E2E\]{background-color:#001e2e}.bg-\[\#00293D\]{background-color:#00293d}.bg-\[\#21333f\]{background-color:#21333f}.bg-\[\#d2e5f4\]{background-color:#d2e5f4}.bg-\[\#d6ecff\]{background-color:#d6ecff}.bg-\[\#e5f2ff\]{background-color:#e5f2ff}.bg-\[\#e6e6e6\]{background-color:#e6e6e6}.bg-\[\#ffffff\]{background-color:#fff}.bg-green-400{background-color:var(--color-green-400)}.bg-red-400{background-color:var(--color-red-400)}.bg-white{background-color:var(--color-white)}.pr-\[20px\]{padding-right:20px}.pl-\[20px\]{padding-left:20px}.text-center{text-align:center}.text-\[0\.8em\]{font-size:.8em}.text-\[1\.2em\]{font-size:1.2em}.text-\[1\.5em\]{font-size:1.5em}.text-\[2\.5em\]{font-size:2.5em}.text-\[2\.8em\]{font-size:2.8em}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#001E2E\]{color:#001e2e}.text-\[\#21333f\]{color:#21333f}.text-\[\#979797\]{color:#979797}.text-\[\#cfcfcf\]{color:#cfcfcf}.text-\[\#d2e5f4\]{color:#d2e5f4}.text-\[\#e5f2ff\]{color:#e5f2ff}.text-\[rgba\(0\,0\,0\,0\.9\)\]{color:#000000e6}.text-black{color:var(--color-black)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.opacity-100,.opacity-\[1\]{opacity:1}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}*{margin:0;padding:0;box-sizing:border-box;max-width:100%;font-family:Poppins,sans-serif}.no{color:#d2e5f4;background:#21333f}.CenterDiv{display:flex;align-items:center;justify-content:center}.FlexStartDiv{display:flex;align-items:flex-start;justify-content:flex-start}.FlexEndDiv{display:flex;align-items:flex-end;justify-content:flex-end}.Home{width:100vw;height:auto;background:#001e2e;transition:.5s ease;padding-top:15vh;padding-left:40px;padding-right:40px;position:relative}.Home .Notification,.Home .NotificationPhone{position:fixed;bottom:100px;border-radius:15px;z-index:5;height:100px;width:400px;transition:.5s ease;display:flex;align-items:center;justify-content:space-between;overflow:hidden}:is(.Home .Notification,.Home .NotificationPhone) .NotifIcon{height:100%;width:80px;display:flex;align-items:center;justify-content:center}:is(.Home .Notification,.Home .NotificationPhone) .NotifMessage{height:100%;flex:1;padding:15px;display:flex;align-items:center;justify-content:flex-start}.Home .Notification{display:flex}.Home .NotificationPhone{display:none}.Home .NavPopup{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.Home .NavPopup .NavMenu{height:300px;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.Home .NavPopup .NavMenu .NavTopBar{height:70px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.Home .NavPopup .NavMenu .NavTopBar .NavIcon{height:40px;width:40px;border-radius:50px}.Home .NavPopup .NavMenu .NavButtons{flex:1;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px;padding:10px}.Home .NavPopup .NavMenu .NavButtons .NavLinks{width:100%;height:30px;display:flex;align-items:center;justify-content:flex-start}.Home .NavPopup .NavBackground{flex:1;width:100%;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.Navbar{height:15vh;width:100vw;display:flex;align-items:center;justify-content:space-between;position:fixed;padding:0 55px;transition:.5s ease;left:0;top:0;z-index:2}.Navbar .NavButtons{height:100%;width:220px;display:flex;align-items:center;justify-content:space-between}.Navbar .NavButtons .NavButtonParent h1{transition:.5s ease}.Navbar .NavButtons .NavButtonParent h1:hover{transform:translateY(-2px)}.Navbar .NavButtons .Logo{height:50px;width:50px;border-radius:50px}.Navbar .Light_Dark_Mode{height:40px;width:40px;background:#0000;border-radius:50px;position:relative;display:flex;align-items:center;justify-content:center}.Navbar .Light_Dark_Mode .LightMode,.Navbar .Light_Dark_Mode .DarkMode{position:absolute;height:20px;width:20px;border-radius:50px;transition:1s ease}.Navbar .Light_Dark_Mode .LightMode{background:#fff;height:20px;width:20px;transform:var(--element-scale1, scale(1));z-index:var(--element-Z1, -1)}.Navbar .Light_Dark_Mode .DarkMode{background:var(--element-bg, #001e2e);transform:var(--element-scale2, scale(1));z-index:var(--element-Z2, -2)}.Navbar .Background{background:#001e2e}.MainBody{height:auto;width:100vw;display:flex;align-items:flex-start;justify-content:space-between;padding:15px;position:relative;z-index:1}.MainBody .SideBarContainer{height:80vh;width:325px;border-radius:20px;transition:.5s ease;position:sticky!important;top:17vh}.MainBody .SideBarContainer .SideBar{height:100%;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:40px;padding:25px;border-radius:25px}.MainBody .SideBarContainer .SideBar .PersonalLinks{width:100%;flex:1;padding-top:20px;display:flex;align-items:flex-start;justify-content:flex-start;gap:15px;transition:.5s ease}.MainBody .SideBarContainer .SideBar .PersonalLinks div{cursor:pointer}.MainBody .SideBarContainer .SideBar .PersonalLinks div:hover{transform:translateY(-5px)}.MainBody .PagesContainer{height:100%;flex:1;padding-left:60px}.HomePage,.ContactPage,.AboutPage{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.HomePage{transition:.5s ease}.ContactPage{border-radius:25px;padding:40px 25px;background:#00293d;position:relative;overflow:hidden}.ContactPage .Loader{height:100%;width:100%;transition:.5s ease;display:flex;align-items:center;justify-content:center}.ContactPage .SubmitButtons{margin-top:30px;height:70px;width:100%;display:flex;align-items:flex-end;justify-content:flex-end}.ContactPage .SubmitButtons button{width:120px;height:50px;border-radius:10px}.AboutPage{gap:70px}.AboutPage .AboutSection,.AboutPage .EducationSection,.AboutPage .SkillsSection{width:100%;display:grid;gap:15px}.AboutPage .AboutSection{height:auto}.AboutPage .AboutSection .ExpBadges{display:flex;align-items:center;justify-content:space-between;width:100%;height:150px;flex-wrap:wrap;gap:10px;padding:10px 0}.AboutPage .AboutSection .ExpBadges .IndivBadges{height:100%;width:30%;min-width:250px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column}.AboutPage .AboutSection .ExpBadges .IndivBadges h1{font-size:3em;font-weight:700}.SkillsSection{margin-top:40px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:40px;width:100%;min-height:50vh}.SkillsSection .Skills_Techs{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;gap:25px;flex-wrap:wrap}.SkillBadges{height:65px;width:65px;border-radius:15px;transition:.4s ease;position:relative}.SkillBadges .SkillIcon{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.SkillBadges .SkillIcon img{width:80%}.SkillBadges .SkillTexts{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;z-index:-1;align-items:center;justify-content:center;border-radius:15px;overflow-x:visible;transition:.5s ease}.SkillBadges:hover{transform:translateY(-15px)}.BoxContainer,.BoxContainer_Ed{transition:width .5s ease,height .5s ease;margin-top:35px;width:100%;padding:30px 15px;border-radius:25px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:20px;position:relative;overflow:hidden}:is(.BoxContainer,.BoxContainer_Ed) .ReadMore{position:absolute;height:50%;width:100%;bottom:0;padding:15px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,#12060600,#00293d)}:is(.BoxContainer,.BoxContainer_Ed) .ReadMore button{height:50px;border-radius:10px;cursor:pointer}:is(.BoxContainer,.BoxContainer_Ed) .Info{display:flex;align-items:center;justify-content:space-between;height:70px;width:100%}:is(.BoxContainer,.BoxContainer_Ed) .Info .Name_Desc{display:grid}:is(.BoxContainer,.BoxContainer_Ed) .Info .Name_Desc .NamePart{display:flex;align-items:center;justify-content:flex-start;gap:10px}:is(.BoxContainer,.BoxContainer_Ed) .Info .Name_Desc .Comp_Name{font-size:2.5em}:is(.BoxContainer,.BoxContainer_Ed) .Info .Time_Desc,:is(.BoxContainer,.BoxContainer_Ed) .Info .Time_Desc_Mobile{display:flex;align-items:center;justify-content:center;gap:5px}:is(.BoxContainer,.BoxContainer_Ed) .Info .Time_Desc_Mobile{display:none}:is(.BoxContainer,.BoxContainer_Ed) .Tech{width:100%;min-height:80px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}:is(.BoxContainer,.BoxContainer_Ed) .Tech .BadgeContainer{margin-top:15px;width:100%;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:10px}:is(.BoxContainer,.BoxContainer_Ed) .Tech .BadgeContainer .Badges{height:35px;min-width:50px;display:flex;align-items:center;justify-content:center;border:2px solid white;padding:0 10px;border-radius:50px;cursor:pointer;transition:.5s ease}:is(.BoxContainer,.BoxContainer_Ed) .Tech .BadgeContainer .Badges:hover{color:#000;background:#fff}:is(.BoxContainer,.BoxContainer_Ed) .TasksDone{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:15px}.BoxContainer_Ed{flex-direction:row;margin-top:0;background:#00293d}.BoxContainer_Ed .UnivName,.BoxContainer_Ed .Time{height:100%}:is(.BoxContainer_Ed .UnivName,.BoxContainer_Ed .Time) .Time_Mobile{display:none}.BoxContainer_Ed .UnivName{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:15px}.BoxContainer_Ed .UnivName h1{margin-top:-10px}.BoxContainer_Ed .Time{width:200px;display:flex;align-items:flex-start;justify-content:flex-end}.CustomInput,.CustomInput_1{width:100%;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px;position:relative;margin-top:40px}:is(.CustomInput,.CustomInput_1) label{font-size:30px}:is(.CustomInput,.CustomInput_1) input,:is(.CustomInput,.CustomInput_1) textarea{width:100%;height:55px;background:#fff;border-radius:10px;outline:none;padding-left:10px}:is(.CustomInput,.CustomInput_1) textarea{min-height:60px;height:120px}.CustomInput_1 input,.CustomInput_1 textarea{border:3px solid red}.CustomInput_1 input::placeholder,.CustomInput_1 textarea::placeholder{color:red}.Footer{height:30vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 20px;position:relative;z-index:1}.Footer .ConnectIcons{height:50px;width:100%;display:flex;align-items:center;justify-content:space-between}.Footer .ConnectIcons .Icons{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end;gap:15px;cursor:pointer}.Footer .ConnectIcons .Icons div{height:30px;width:30px;border-radius:50px}.Footer .Copyrighted{width:100%;height:50px;display:flex;align-items:flex-end;justify-content:flex-start}.Icon{min-height:200px;width:200px;border-radius:50%;background:url(/assets/siteIconPNG-BLK0Ni3k.png);background-size:cover;position:relative;overflow:hidden}.Icon .IconOverLay{position:absolute;height:100%;width:100%}.Title{font-size:2em}.Horizontal_Divider{width:100%;height:2px;background:#fff}.Vertical_Divider{width:2px;height:100%;background:#fff}.Space{width:100%;height:10px}.UnderLine{border-bottom:4px solid #00293d}.Section_Heading{font-size:2.5em}.Black{color:#000}.White{color:#fff}.Exp{margin-top:30px}.ModeChange{animation:bounce .5s initial ease}.div_buttons{height:25px;width:25px;background:#fff;border-radius:50px}.backgroundChange{background:#e5f2ff}@keyframes clipPathCirc{0%{clip-path:circle(0% at 50% 50%);background:pink}to{clip-path:circle(200% at 50% 50%);background:pink}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transition:translateY(-50px)}60%{transition:translateY(-20px)}}@media screen and (max-width: 1200px){.Navbar{padding:0 20px}.MainBody{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}.MainBody .SideBarContainer{height:325px;width:100%;border-radius:20px;transition:.5s ease;display:var(--element-mobile, flex);position:static!important}.MainBody .SideBarContainer .SideBar{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:40px;padding:25px}.MainBody .PagesContainer{height:100%;width:100%;padding-top:40px;padding-left:0}}@media screen and (max-width: 800px){.Home{padding-left:10px;padding-right:10px}.Home .Notification{display:none}.Home .NotificationPhone{display:flex;align-items:center;justify-content:center;position:fixed;z-index:15;left:10%;height:100px;width:80%;border-radius:15px}.Navbar .NavButtons h1{display:none}.BoxContainer_Ed .UnivName h1{font-size:2.2em}.BoxContainer_Ed .UnivName .Time_Mobile{display:block}.BoxContainer_Ed .Time{display:none}.MainBody .SideBarContainer{height:70vh;width:100%}.MainBody .SideBarContainer .SideBar{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column!important;gap:20px}.AboutPage .AboutSection .ExpBadges{display:none}.SkillsSection{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px}.BoxContainer .Tech{display:none}.BoxContainer .Info{margin-bottom:20px}.BoxContainer .Info .Name_Desc .Comp_Name{font-size:1.8em}.BoxContainer .Info .Time_Desc{display:none}.BoxContainer .Info .Time_Desc_Mobile{margin-top:10px;display:flex;justify-content:flex-start}}.BounceBox{animation:minimalistic-bounce .5s 1}.BounceBox1{animation:minimalistic-bounce1 .5s 1}.DarkMode_Transition{transform-origin:center center;animation:minimalistic-rotate .7s 1}.LightMode_Transition{transform-origin:center center;animation:minimalistic-rotate1 .7s 1}@keyframes minimalistic-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes minimalistic-bounce1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes minimalistic-rotate{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@keyframes minimalistic-rotate1{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.spinner{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}@-webkit-keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite}@-webkit-keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}