[data-bs-theme="light"] { /* Skip to link */ } [data-bs-theme="light"] .bg-body-tertiary { background-color: #fff !important; color: #000; } [data-bs-theme="light"] .about, [data-bs-theme="light"] .carousel, [data-bs-theme="light"] .webDesign, [data-bs-theme="light"] .userDesign, [data-bs-theme="light"] .abContainer, [data-bs-theme="light"] .gdetails, [data-bs-theme="light"] .user { background-color: #e7f1fc; } [data-bs-theme="light"] h1 { font-size: 2.5rem; } [data-bs-theme="light"] h2 { font-size: 2rem; } [data-bs-theme="light"] h3 { font-size: 1.7rem; } [data-bs-theme="light"] h1, [data-bs-theme="light"] h2, [data-bs-theme="light"] h3 { font-weight: 600; } [data-bs-theme="light"] p { font-size: 1.2rem; } [data-bs-theme="light"] header { background: url(../img/header-footer1.jpg) repeat 0 0; box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5); border-bottom: 1px solid #fff; } [data-bs-theme="light"] header .bottomBar { background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 24%, #ffffff 50%, #eeeeee 100%); } [data-bs-theme="light"] header .bottomBar ul.phone li { list-style: none; } [data-bs-theme="light"] header .bottomBar ul.phone li a { background-color: transparent; border: 0; box-shadow: none; color: #000; } [data-bs-theme="light"] header .bottomBar ul.phone li a:hover, [data-bs-theme="light"] header .bottomBar ul.phone li a:focus { background-color: transparent; border: 0; box-shadow: none; } [data-bs-theme="light"] header .bottomBar ul.phone li a:focus-visible { outline: 0.1rem solid #1565C0; outline-offset: 3px; } [data-bs-theme="light"] header .bottomBar ul.phone li a svg { fill: #000; } [data-bs-theme="light"] header .bottomBar .resume .titleHeader { font-size: 1.2rem; } [data-bs-theme="light"] header .bottomBar .resume ul li { list-style: none; } [data-bs-theme="light"] header .bottomBar .resume ul li a { background-color: #abcef6; border: 1px solid #104d92; color: #000; transition: all .3s; box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] header .bottomBar .resume ul li a:hover, [data-bs-theme="light"] header .bottomBar .resume ul li a:focus { background-color: #d9e9fb; box-shadow: none; } [data-bs-theme="light"] header .bottomBar .resume ul li a:focus-visible { outline: 0.1rem solid #1565C0; outline-offset: 3px; } [data-bs-theme="light"] header .bottomBar .resume ul li a svg { fill: #000; } [data-bs-theme="light"] .mode .dropdown-menu { background-color: #d9e9fb; border: 1px solid #0b3564; } [data-bs-theme="light"] .mode .dropdown-menu button { color: #000; } [data-bs-theme="light"] .mode .dropdown-menu button.active, [data-bs-theme="light"] .mode .dropdown-menu button:focus, [data-bs-theme="light"] .mode .dropdown-menu button:hover { background-color: #abcef6; } [data-bs-theme="light"] .mode .dropdown-menu button .lightBlock { background-color: #1565C0; border: 1px solid #fff; } [data-bs-theme="light"] .mode .dropdown-menu button .navyBlock { background-color: #1A237E; border: 1px solid #fff; } [data-bs-theme="light"] .mode .dropdown-menu button .peachBlock { background-color: #FFCBA4; border: 1px solid #fff; } [data-bs-theme="light"] .mode .dropdown-menu button .ltanBlock { background-color: #f9ddab; border: 1px solid #fff; } [data-bs-theme="light"] .mode .dropdown-menu button .roseBlock { background-color: #AD1457; border: 1px solid #fff; } [data-bs-theme="light"] .mode .dropdown-menu button .darkBlock { background-color: #212121; border: 1px solid #fff; } [data-bs-theme="light"] .navbar { padding: 0; display: flex; flex: 1; } [data-bs-theme="light"] .banner { text-align: center; margin-top: 2em; } [data-bs-theme="light"] .bgHeader { padding: .2em 1em; font-size: 1.2rem; display: flex; } [data-bs-theme="light"] .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.5em solid; border-right: 0.5em solid transparent; border-bottom: 0; border-left: 0.5em solid transparent; } [data-bs-theme="light"] .bd-mode-toggle { z-index: 1; display: inline-flex; } [data-bs-theme="light"] .bd-mode-toggle button.btn { border-radius: 0; } [data-bs-theme="light"] .bd-mode-toggle:focus-visible { outline: 0; } [data-bs-theme="light"] .dropdown-menu-end[data-bs-popper] { right: 13px; } [data-bs-theme="light"] .dropdown-menu[data-bs-popper] { top: 64px; } [data-bs-theme="light"] .skip { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; display: flex; align-items: center; z-index: 3; } [data-bs-theme="light"] a.skip:active, [data-bs-theme="light"] a.skip:focus, [data-bs-theme="light"] a.skip:hover { left: 0; top: 0; width: auto; height: 40px; display: inline-flex; padding: 20px; align-items: center; justify-content: center; overflow: visible; text-decoration: none; background-color: white; color: #1565C0; border-radius: 0 0 5px 0; border: 1px solid #135eb2; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } [data-bs-theme="light"] h1.search { justify-content: flex-start; margin-bottom: 0; } [data-bs-theme="light"] .search-container { position: absolute; top: 13px; right: 15px; padding: 5px; margin-top: 0; width: 300px; border: 1px solid #5a1d02; border-radius: 6px; background: #f9f9f9; box-shadow: 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 2px 3px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] .search-container .form-row { position: relative; display: flex; } [data-bs-theme="light"] .search-container #tipue_search_input { color: #333; padding: 5px 10px; height: 30px; margin: 0; width: 100%; border: 1px solid #ccc; background-color: #fff; border-radius: 3px; box-shadow: none; outline: 0; font-size: .8rem; } [data-bs-theme="light"] .search-container #tipue_search_button, [data-bs-theme="light"] .search-container #search_reset_button { display: inline-flex; padding: .2em; border: 1px solid #ddd; margin-left: .2em; } [data-bs-theme="light"] .search-container #tipue_search_button svg, [data-bs-theme="light"] .search-container #search_reset_button svg { height: 21px; width: 21px; } [data-bs-theme="light"] #tipue_search_results_count { font-size: 1rem; margin-bottom: 1em; } [data-bs-theme="light"] .tipue_search_content_title { font-size: 1.4rem; margin-top: 23px; } [data-bs-theme="light"] .tipue_search_content_text { font-size: 1.2rem; } [data-bs-theme="light"] .fourCols li, [data-bs-theme="light"] .twoCols li, [data-bs-theme="light"] .twoCols li.webSkills { box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2); background-color: #fff; } [data-bs-theme="light"] .fourCols li .cardBody, [data-bs-theme="light"] .twoCols li .cardBody, [data-bs-theme="light"] .twoCols li.webSkills .cardBody { font-size: 1.2rem; } [data-bs-theme="light"] .fourCols li .cardBody .labelInfo label, [data-bs-theme="light"] .twoCols li .cardBody .labelInfo label, [data-bs-theme="light"] .twoCols li.webSkills .cardBody .labelInfo label { font-size: 1rem; } [data-bs-theme="light"] .fourCols li .cardBody .labelInfo div, [data-bs-theme="light"] .twoCols li .cardBody .labelInfo div, [data-bs-theme="light"] .twoCols li.webSkills .cardBody .labelInfo div { font-size: 1.2rem; font-weight: 600; } [data-bs-theme="light"] .twoCols.webSkills li ul.singleBlock { padding: 0 1em 1em; display: flex; flex-wrap: wrap; } [data-bs-theme="light"] .twoCols.webSkills li ul.singleBlock li { font-size: 1.2rem; box-shadow: none; margin: 0; padding: .2em 0; } [data-bs-theme="light"] .empBlock li.lSide, [data-bs-theme="light"] .userBlock li.rSide { box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2); background-color: #fff; } [data-bs-theme="light"] .empBlock li.lSide ul li, [data-bs-theme="light"] .userBlock li.rSide ul li { font-size: 1.2rem; } [data-bs-theme="light"] ul.twoBlocks li { background-color: #fff; border: 1px solid #104d92; } [data-bs-theme="light"] ul.twoBlocks li .headRow { background-color: #1565C0; border: 1px solid #104d92; font-size: 1.2rem; letter-spacing: 2.5px; font-weight: 600; color: #fff; } [data-bs-theme="light"] ul.twoBlocks li .body .rCol .subRow { font-size: 1.2rem; font-weight: 600; letter-spacing: 2.5px; color: #000; } [data-bs-theme="light"] ul.twoBlocks li .body .rCol ul li { font-size: 1.2rem; } [data-bs-theme="light"] ul.imgCols li a { position: relative; transition: all .3s; line-height: normal; font-size: 1rem; background-color: #abcef6; border: 1px solid #104d92; color: #000; box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] ul.imgCols li a.active { background-color: #104d92; border: 1px solid #010408; color: #fff; } [data-bs-theme="light"] ul.imgCols li a:hover, [data-bs-theme="light"] ul.imgCols li a:focus { background-color: #d9e9fb; box-shadow: none; color: #000; transform: scale(1); } [data-bs-theme="light"] ul.imgCols li a:focus-visible { outline: 0.1rem solid #fff; outline-offset: 3px; } [data-bs-theme="light"] ul.imgCols li a img { border: 1px solid #104d92; } [data-bs-theme="light"] .quickLinks { background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 24%, #ffffff 50%, #eeeeee 100%); border: 1px solid #104d92; } [data-bs-theme="light"] .quickLinks .title { font-size: 1.2rem; font-weight: 600; } [data-bs-theme="light"] .quickLinks .quickSection a { background-color: #abcef6; border: 1px solid #104d92; color: #000; transition: all .3s; box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] .quickLinks .quickSection a:hover, [data-bs-theme="light"] .quickLinks .quickSection a:focus { background-color: #d9e9fb; box-shadow: none; color: #000; } [data-bs-theme="light"] .quickLinks .quickSection a:focus-visible { outline: 0.1rem solid #104d92; outline-offset: 3px; } [data-bs-theme="light"] .accordion .accordion-item { border: 1px solid #104d92; margin-bottom: .2em; } [data-bs-theme="light"] .accordion h3 button { font-size: 1.5rem; color: #000; background-color: #d9e9fb; } [data-bs-theme="light"] .accordion h3 button:hover, [data-bs-theme="light"] .accordion h3 button:focus { background-color: #7db3f1; } [data-bs-theme="light"] .accordion h3 button:focus-visible { outline: 0.1rem solid #1565C0; } [data-bs-theme="light"] .accordion h3 button::after { --bs-accordion-btn-icon: none; --bs-accordion-btn-active-icon: none; display: none; } [data-bs-theme="light"] .accordion h3 button svg { fill: #104d92; } [data-bs-theme="light"] .accordion h3 button:not(.collapsed) { background-color: #1565C0; color: #fff; } [data-bs-theme="light"] .accordion h3 button:not(.collapsed) svg { fill: #fff; } [data-bs-theme="light"] .accordion .accordion-body { background-color: #f9fcfe; } [data-bs-theme="light"] .accordion .accordion-body ul li { font-size: 1.2rem; } [data-bs-theme="light"] .carousel .carousel-indicators button { background-color: #1565C0; } [data-bs-theme="light"] .carousel .carousel-inner { border: 1px solid #104d92; background-color: #fff; } [data-bs-theme="light"] .carousel .carousel-inner .carousel-item .imgCols li a { border: 1px solid #1565C0; } [data-bs-theme="light"] .carousel .carousel-control-prev, [data-bs-theme="light"] .carousel .carousel-control-next { background-color: #abcef6; border: 1px solid #104d92; } [data-bs-theme="light"] .carousel .carousel-control-prev svg, [data-bs-theme="light"] .carousel .carousel-control-next svg { fill: #000; } [data-bs-theme="light"] .carousel .carousel-control-prev:hover, [data-bs-theme="light"] .carousel .carousel-control-prev:active, [data-bs-theme="light"] .carousel .carousel-control-next:hover, [data-bs-theme="light"] .carousel .carousel-control-next:active { background-color: #d9e9fb; box-shadow: none; } [data-bs-theme="light"] .carousel .carousel-control-prev:focus-visible, [data-bs-theme="light"] .carousel .carousel-control-next:focus-visible { outline: 0.1rem solid #1565C0; outline-offset: 3px; box-shadow: none; } [data-bs-theme="light"] .animated-button { background-color: #abcef6; border: 1px solid #104d92; color: #000; transition: all .3s; box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] .animated-button:hover { background-color: #d9e9fb; box-shadow: none; } [data-bs-theme="light"] .animated-button:focus-visible { outline: 0.1rem solid #1565C0; outline-offset: 3px; } [data-bs-theme="light"] .animated-button span:nth-child(1) { background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#fff)); background: linear-gradient(to left, rgba(43, 8, 8, 0), #fff); } [data-bs-theme="light"] .animated-button span:nth-child(2) { background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#fff)); background: linear-gradient(to top, rgba(43, 8, 8, 0), #fff); } [data-bs-theme="light"] .animated-button span:nth-child(3) { background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#fff)); background: linear-gradient(to right, rgba(43, 8, 8, 0), #fff); } [data-bs-theme="light"] .animated-button span:nth-child(4) { background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#fff)); background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #fff); } [data-bs-theme="light"] .projBlock .projTitle { background-color: #1565C0; border: 1px solid #104d92; color: #fff; } [data-bs-theme="light"] .projBlock .projInfo { border: 1px solid #104d92; background-color: #fff; border-top: 0; } [data-bs-theme="light"] .projBlock .projInfo .lSide { background-color: #f0f6fd; } [data-bs-theme="light"] .projBlock .projInfo .lSide ul li label { font-size: 1rem; } [data-bs-theme="light"] .projBlock .projInfo .lSide ul li div { font-size: 1.2rem; font-weight: 600; } [data-bs-theme="light"] .projBlock .projInfo .rSide ul.box li a img { border: 1px solid #104d92; } [data-bs-theme="light"] .projBlock .projInfo .rSide { font-size: 1.2rem; } [data-bs-theme="light"] .projBlock .projInfo .rSide .title { font-weight: 600; letter-spacing: 2.5px; } [data-bs-theme="light"] .rw-sentence, [data-bs-theme="light"] .rw-wrapper p { font-size: 2.5rem; } [data-bs-theme="light"] .rw-words { color: #104d92; } [data-bs-theme="light"] .rw-words-1 span { animation: rotateWordsFirst 12s linear infinite 0s; } [data-bs-theme="light"] .rw-words-2 span { animation: rotateWordsSecond 18s linear infinite 0s; } [data-bs-theme="light"] .rw-words span:nth-child(2) { animation-delay: 3s; } [data-bs-theme="light"] .rw-words span:nth-child(3) { animation-delay: 6s; } [data-bs-theme="light"] .rw-words span:nth-child(4) { animation-delay: 9s; } [data-bs-theme="light"] .rw-words span:nth-child(5) { animation-delay: 12s; } [data-bs-theme="light"] .rw-words span:nth-child(6) { animation-delay: 15s; } [data-bs-theme="light"] .skillTable .SkillHeader { font-size: 1.2rem; border-bottom: 1px solid transparent; border-bottom: 1px solid #abcef6; } [data-bs-theme="light"] .skillTable .skillRow { font-size: 1.2rem; } [data-bs-theme="light"] .skillTable .skillRow.odd { background-color: #f0f6fd; } [data-bs-theme="light"] .modal-content.skills { width: 550px; margin: 0 auto; } [data-bs-theme="light"] .nav-pills { margin-top: 2em; } [data-bs-theme="light"] .nav-pills .nav-link { border-radius: .375em .375em 0 0; position: relative; line-height: normal; font-size: 1rem; padding: 1em; position: relative; bottom: -1px; background-color: #abcef6; border: 1px solid #104d92; border-bottom: 0; color: #000; transition: all .3s; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] .nav-pills .nav-link.active { background-color: #104d92; border: 1px solid #104d92; color: #fff; } [data-bs-theme="light"] .nav-pills .nav-link.active:hover { background-color: #104d92; border: 1px solid #104d92; transform: scale(1); color: #fff; } [data-bs-theme="light"] .nav-pills .nav-link:hover { background-color: #d9e9fb; box-shadow: none; color: #000; transform: scale(1); } [data-bs-theme="light"] .nav-pills .nav-link:focus-visible { outline: 0.1rem solid #104d92; outline-offset: 3px; } [data-bs-theme="light"] .tab-content { border: 1px solid #104d92; background-color: #f0f6fd; } [data-bs-theme="light"] .tab-content:focus-visible { outline: 0.1rem solid transparent; outline-offset: 3px; } [data-bs-theme="light"] .tab-content .tab-pane:focus-visible { outline: 0.1rem solid transparent; outline-offset: 3px; } [data-bs-theme="light"] .tab-content .spacer { font-size: 1.2rem; } [data-bs-theme="light"] .duties { font-size: 1.2rem; letter-spacing: 2.5px; font-weight: 600; } [data-bs-theme="light"] .tabSection { border: 1px solid #104d92; background-color: #fff; /*.imgCols li a { position: relative; transition: all .3s; line-height: normal; font-size: $small; padding: .4em 1rem .4em; background-color: lighten($primary, 40); border: 1px solid darken($primary, 10); color: $darkcolor; transition: all .3s; box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.3); &.active { background-color: darken($primary, 10); border: 1px solid darken($primary, 40); color: $lightcolor; } &:hover, &:focus { background-color: lighten($primary, 50); box-shadow: none; color: $darkcolor; transform: scale(1.0); } &:focus-visible { outline: 0.1rem solid $lightcolor; outline-offset: 3px; } }*/ } [data-bs-theme="light"] .tabSection .headRow { background-color: #1565C0; border: 1px solid #104d92; font-size: 1.2rem; letter-spacing: 2.5px; font-weight: 600; color: #fff; } [data-bs-theme="light"] .tabSection .subHeader { font-size: 1rem; letter-spacing: 2.5px; font-weight: 600; } [data-bs-theme="light"] .tab-pane .oneCol .headRow, [data-bs-theme="light"] .tab-pane .twoCols .headRow { background-color: #1565C0; border: 1px solid #104d92; font-size: 1.2rem; letter-spacing: 2.5px; font-weight: 600; color: #fff; } [data-bs-theme="light"] .tab-pane .oneCol .body { background-color: #fff; border: 1px solid #104d92; } [data-bs-theme="light"] .tab-pane .oneCol .body .subRow { font-size: 1.2rem; letter-spacing: 2.5px; font-weight: 600; } [data-bs-theme="light"] .tab-pane .oneCol .body ul li { list-style: disc; font-size: 1.2rem; } [data-bs-theme="light"] .modal-header { background-color: #1565C0; } [data-bs-theme="light"] .modal-header h3 { font-size: 1.7rem; color: #fff; } [data-bs-theme="light"] .modal-header button { background-color: transparent; } [data-bs-theme="light"] .modal-header button:hover, [data-bs-theme="light"] .modal-header button:focus { background-color: #104d92; } [data-bs-theme="light"] .modal-body .bodyContainer { font-size: 1.2rem; } [data-bs-theme="light"] .modal-body .bodyContainer .lSide .info { font-weight: normal; font-size: 1.2rem; } [data-bs-theme="light"] .modal-body .bodyContainer .rSide ul li { font-size: 1.2rem; } [data-bs-theme="light"] .modal-body .bodyContainer .rSide ul.box li a { font-size: 1rem; } [data-bs-theme="light"] .modal-footer { background-color: #d9e9fb; } @media (min-width: 1024px) { [data-bs-theme="light"] .navbar-expand-lg { display: flex; justify-content: flex-end; width: 100%; } [data-bs-theme="light"] .navbar-expand-lg .navbar-collapse { flex-basis: initial; flex-grow: initial; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav { width: 100%; justify-content: center; align-items: center; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item { padding: 0 .3rem; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item:first-of-type { border-left: 0; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item a { position: relative; transition: all .3s; line-height: normal; font-size: 1rem; padding: .4em 1rem .4em; background-color: #abcef6; border: 1px solid #104d92; color: #000; transition: all .3s; box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item a.active { background-color: #104d92; border: 1px solid #010408; color: #fff; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item a:hover, [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item a:focus { background-color: #d9e9fb; box-shadow: none; color: #000; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item a:focus-visible { outline: 0.1rem solid #fff; outline-offset: 3px; } [data-bs-theme="light"] .navbar-toggler, [data-bs-theme="light"] .navTitle { display: none; } [data-bs-theme="light"] .navbar-expand-lg .navbar-collapse { justify-content: flex-end; } } @media (max-width: 1024px) { [data-bs-theme="light"] .navTitle { display: flex; font-size: 1.7rem; margin-left: 35px; position: relative; margin-bottom: 0.5em; margin-top: 0.8em; font-weight: 500; width: 100%; color: #fff; text-shadow: 1px 1px #000; } [data-bs-theme="light"] .navbar-toggler { background-color: #abcef6; border: 1px solid #104d92; color: #000; transition: all .3s; box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] .navbar-toggler svg { margin: 0 auto; } [data-bs-theme="light"] .navbar .mode .bd-mode-toggle { margin: -10px 0; } [data-bs-theme="light"] .offcanvas-collapse { transform: translateX(100%); transition: transform .4s ease; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #1565C0; border: 1px solid #217ee7; } [data-bs-theme="light"] .offcanvas-collapse.open { transform: translateX(0); z-index: 2; flex-direction: column; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav { justify-content: flex-start; flex-direction: row; flex-wrap: wrap; width: calc(100% - 40px); margin: 1em 20px 0; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item { width: 100%; border: 0; padding: 0; margin-top: 5px; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item:First-of-type { margin-top: 0; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item a { padding: .8em; font-size: 1.2rem; color: #fff; background-color: #104d92; border: 1px solid #010408; transition: .3s; text-shadow: 1px 1px #000; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item a:focus { background-color: #4f98ec; } [data-bs-theme="light"] .navbar-expand-lg ul.navbar-nav li.nav-item a.active { background-color: #4f98ec; border: 1px solid #010408; color: #fff; } [data-bs-theme="light"] header .bottomBar .resume ul li:last-of-type { display: none; } [data-bs-theme="light"] .twoCols.webSkills li ul.singleBlock li { width: 100%; } } @media (max-width: 900px) { [data-bs-theme="light"] header .bottomBar .mode { display: none; } } @media (max-width: 800px) { [data-bs-theme="light"] header .bottomBar .resume ul li a { padding: 3px; } [data-bs-theme="light"] header .bottomBar .resume ul li a span { display: none; } [data-bs-theme="light"] header .bottomBar .resume ul li a svg { margin: 0; } [data-bs-theme="light"] header .bottomBar ul.phone li a span { display: none; } [data-bs-theme="light"] header .bottomBar ul.phone li a { background-color: #abcef6; border: 1px solid #104d92; color: #000; transition: all .3s; padding: 3px; margin-left: 1em; margin-top: .1em; box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] header .bottomBar ul.phone li a:hover, [data-bs-theme="light"] header .bottomBar ul.phone li a:focus { background-color: #d9e9fb; box-shadow: none; } [data-bs-theme="light"] header .bottomBar ul.phone li a:focus-visible { outline: 0.1rem solid #1565C0; outline-offset: 3px; } [data-bs-theme="light"] header .bottomBar ul.phone li a svg { fill: #000; margin: 0; } [data-bs-theme="light"] .twoCols.webSkills li ul.singleBlock li { width: 50%; } } @media (max-width: 768px) { [data-bs-theme="light"] { /*ul.imgCols li { width: calc(25% - 20px); }*/ } } @media (max-width: 600px) { [data-bs-theme="light"] .nav-pills .nav-item { width: 100%; display: flex; } [data-bs-theme="light"] .nav-pills .nav-item button { width: 100%; border-radius: .375em; border: 1px solid #104d92; margin-bottom: .2em; } } @media (max-width: 480px) { [data-bs-theme="light"] h2 { font-size: 1.8rem; } [data-bs-theme="light"] h3 { font-size: 1.5rem; } [data-bs-theme="light"] .twoCols.webSkills li ul.singleBlock li { width: 100%; } } @-webkit-keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 20, 43, 0)), to(#fff)); background: linear-gradient(to top, rgba(8, 20, 43, 0), #fff); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @-webkit-keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 20, 43, 0)), to(#fff)); background: linear-gradient(to right, rgba(8, 20, 43, 0), #fff); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @-webkit-keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 20, 43, 0)), to(#fff)); background: linear-gradient(to bottom, rgba(8, 20, 43, 0), #fff); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @-webkit-keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button1 { padding: 10px 20px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; transition: all 0.3s; font-size: .9rem; font-weight: 600; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } [data-bs-theme="light"] .animated-button1::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button1:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button1 span { position: absolute; } [data-bs-theme="light"] .animated-button1 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button1 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button1 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button1 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button2 { background: linear-gradient(-30deg, #3d240b 50%, #2b1a08 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7e6d4; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button2::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad9985; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button2:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button2 span { position: absolute; } [data-bs-theme="light"] .animated-button2 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 26, 8, 0)), to(#d98026)); background: linear-gradient(to left, rgba(43, 26, 8, 0), #d98026); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button2 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 26, 8, 0)), to(#d98026)); background: linear-gradient(to top, rgba(43, 26, 8, 0), #d98026); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button2 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 26, 8, 0)), to(#d98026)); background: linear-gradient(to right, rgba(43, 26, 8, 0), #d98026); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button2 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 26, 8, 0)), to(#d98026)); background: linear-gradient(to bottom, rgba(43, 26, 8, 0), #d98026); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button3 { background: linear-gradient(-30deg, #3d3d0b 50%, #2b2b08 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7f7d4; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button3::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #adad85; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button3:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button3 span { position: absolute; } [data-bs-theme="light"] .animated-button3 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 43, 8, 0)), to(#d9d926)); background: linear-gradient(to left, rgba(43, 43, 8, 0), #d9d926); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button3 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 43, 8, 0)), to(#d9d926)); background: linear-gradient(to top, rgba(43, 43, 8, 0), #d9d926); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button3 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 43, 8, 0)), to(#d9d926)); background: linear-gradient(to right, rgba(43, 43, 8, 0), #d9d926); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button3 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 43, 8, 0)), to(#d9d926)); background: linear-gradient(to bottom, rgba(43, 43, 8, 0), #d9d926); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button4 { background: linear-gradient(-30deg, #243d0b 50%, #1a2b08 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #e6f7d4; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button4::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #99ad85; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button4:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button4 span { position: absolute; } [data-bs-theme="light"] .animated-button4 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#80d926)); background: linear-gradient(to left, rgba(26, 43, 8, 0), #80d926); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button4 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 43, 8, 0)), to(#80d926)); background: linear-gradient(to top, rgba(26, 43, 8, 0), #80d926); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button4 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(26, 43, 8, 0)), to(#80d926)); background: linear-gradient(to right, rgba(26, 43, 8, 0), #80d926); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button4 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 43, 8, 0)), to(#80d926)); background: linear-gradient(to bottom, rgba(26, 43, 8, 0), #80d926); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button5 { background: linear-gradient(-30deg, #0b3d0b 50%, #082b08 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4f7d4; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button5::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #85ad85; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button5:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button5 span { position: absolute; } [data-bs-theme="light"] .animated-button5 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 8, 0)), to(#26d926)); background: linear-gradient(to left, rgba(8, 43, 8, 0), #26d926); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button5 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 8, 0)), to(#26d926)); background: linear-gradient(to top, rgba(8, 43, 8, 0), #26d926); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button5 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 8, 0)), to(#26d926)); background: linear-gradient(to right, rgba(8, 43, 8, 0), #26d926); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button5 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 8, 0)), to(#26d926)); background: linear-gradient(to bottom, rgba(8, 43, 8, 0), #26d926); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button6 { background: linear-gradient(-30deg, #0b3d24 50%, #082b1a 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4f7e6; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button6::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #85ad99; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button6:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button6 span { position: absolute; } [data-bs-theme="light"] .animated-button6 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 26, 0)), to(#26d980)); background: linear-gradient(to left, rgba(8, 43, 26, 0), #26d980); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button6 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 26, 0)), to(#26d980)); background: linear-gradient(to top, rgba(8, 43, 26, 0), #26d980); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button6 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 26, 0)), to(#26d980)); background: linear-gradient(to right, rgba(8, 43, 26, 0), #26d980); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button6 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 26, 0)), to(#26d980)); background: linear-gradient(to bottom, rgba(8, 43, 26, 0), #26d980); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button7 { background: linear-gradient(-30deg, #0b3d3d 50%, #082b2b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4f7f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button7::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #85adad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button7:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button7 span { position: absolute; } [data-bs-theme="light"] .animated-button7 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9)); background: linear-gradient(to left, rgba(8, 43, 43, 0), #26d9d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button7 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9)); background: linear-gradient(to top, rgba(8, 43, 43, 0), #26d9d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button7 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 43, 0)), to(#26d9d9)); background: linear-gradient(to right, rgba(8, 43, 43, 0), #26d9d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button7 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 43, 0)), to(#26d9d9)); background: linear-gradient(to bottom, rgba(8, 43, 43, 0), #26d9d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button8 { background: linear-gradient(-30deg, #0b243d 50%, #081a2b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4e6f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button8::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #8599ad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button8:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button8 span { position: absolute; } [data-bs-theme="light"] .animated-button8 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 26, 43, 0)), to(#2680d9)); background: linear-gradient(to left, rgba(8, 26, 43, 0), #2680d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button8 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 26, 43, 0)), to(#2680d9)); background: linear-gradient(to top, rgba(8, 26, 43, 0), #2680d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button8 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 26, 43, 0)), to(#2680d9)); background: linear-gradient(to right, rgba(8, 26, 43, 0), #2680d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button8 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 26, 43, 0)), to(#2680d9)); background: linear-gradient(to bottom, rgba(8, 26, 43, 0), #2680d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button9 { background: linear-gradient(-30deg, #0b0b3d 50%, #08082b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4d4f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button9::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #8585ad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button9:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button9 span { position: absolute; } [data-bs-theme="light"] .animated-button9 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 8, 43, 0)), to(#2626d9)); background: linear-gradient(to left, rgba(8, 8, 43, 0), #2626d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button9 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 8, 43, 0)), to(#2626d9)); background: linear-gradient(to top, rgba(8, 8, 43, 0), #2626d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button9 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 8, 43, 0)), to(#2626d9)); background: linear-gradient(to right, rgba(8, 8, 43, 0), #2626d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button9 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 8, 43, 0)), to(#2626d9)); background: linear-gradient(to bottom, rgba(8, 8, 43, 0), #2626d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button10 { background: linear-gradient(-30deg, #240b3d 50%, #1a082b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #e6d4f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button10::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #9985ad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button10:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button10 span { position: absolute; } [data-bs-theme="light"] .animated-button10 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(26, 8, 43, 0)), to(#8026d9)); background: linear-gradient(to left, rgba(26, 8, 43, 0), #8026d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button10 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 8, 43, 0)), to(#8026d9)); background: linear-gradient(to top, rgba(26, 8, 43, 0), #8026d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button10 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(26, 8, 43, 0)), to(#8026d9)); background: linear-gradient(to right, rgba(26, 8, 43, 0), #8026d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button10 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 8, 43, 0)), to(#8026d9)); background: linear-gradient(to bottom, rgba(26, 8, 43, 0), #8026d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button11 { background: linear-gradient(-30deg, #3d0b3d 50%, #2b082b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7d4f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button11::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad85ad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button11:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button11 span { position: absolute; } [data-bs-theme="light"] .animated-button11 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 43, 0)), to(#d926d9)); background: linear-gradient(to left, rgba(43, 8, 43, 0), #d926d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button11 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 43, 0)), to(#d926d9)); background: linear-gradient(to top, rgba(43, 8, 43, 0), #d926d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button11 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 43, 0)), to(#d926d9)); background: linear-gradient(to right, rgba(43, 8, 43, 0), #d926d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button11 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 43, 0)), to(#d926d9)); background: linear-gradient(to bottom, rgba(43, 8, 43, 0), #d926d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } [data-bs-theme="light"] .animated-button12 { background: linear-gradient(-30deg, #3d0b24 50%, #2b081a 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7d4e6; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } [data-bs-theme="light"] .animated-button12::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad8599; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } [data-bs-theme="light"] .animated-button12:hover::before { opacity: 0.2; } [data-bs-theme="light"] .animated-button12 span { position: absolute; } [data-bs-theme="light"] .animated-button12 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 26, 0)), to(#d92680)); background: linear-gradient(to left, rgba(43, 8, 26, 0), #d92680); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } [data-bs-theme="light"] .animated-button12 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 26, 0)), to(#d92680)); background: linear-gradient(to top, rgba(43, 8, 26, 0), #d92680); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } [data-bs-theme="light"] .animated-button12 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 26, 0)), to(#d92680)); background: linear-gradient(to right, rgba(43, 8, 26, 0), #d92680); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } [data-bs-theme="light"] .animated-button12 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 26, 0)), to(#d92680)); background: linear-gradient(to bottom, rgba(43, 8, 26, 0), #d92680); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes rotateWordsFirst { 0% { opacity: 1; animation-timing-function: ease-in; height: 0px; } 8% { opacity: 1; height: 60px; } 19% { opacity: 1; height: 60px; } 25% { opacity: 0; height: 60px; } 100% { opacity: 0; } } @keyframes rotateWordsSecond { 0% { opacity: 1; animation-timing-function: ease-in; width: 0px; } 10% { opacity: 0.3; width: 0px; } 20% { opacity: 1; width: 100%; } 27% { opacity: 0; width: 100%; } 100% { opacity: 0; } } /*# sourceMappingURL=lightTheme.css.map */