body { min-height: 100vh; } body { background-color: black; font-family: Ubuntu; overflow-x: hidden; } #myVideo { z-index: -9999; position: fixed; right: 0%; bottom: 0; min-width: 100%; min-height: 100%; } nav { background-color: none; font-weight: 600; } h1 { margin-top: 2%; color: white; } p1 { color: white; } #logo{ animation: floatLogo 5s ease-in-out infinite; } @keyframes floatLogo{ 0%{ transform: translate(0,0%); } 50%{ transform: translate(0, 10%); } 100%{ transform: translate(0, 0%); } } #inputDiv input{ border: 1px solid grey; color: white; } #inputDiv input:focus{ background-color: white !important; color: black; } .row input{ width: 180%; height: 80%; } .switch { position: relative; display: inline-block; margin-right: 3vw; width: 45px; height: 20px; border-radius: 20px; transition: 1s; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; background-color: rgb(225, 255, 255, 0.5); -webkit-transition: 1s; transition: 1s; width: 45px; height: 20px; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; background-image: url("./img/sun.png"); background-repeat: no-repeat; background-size: 17px 17px; background-position-x: center; background-position-y: center; background-color: ghostwhite; -webkit-transition: 1s; transition: 1s; } input:checked + .slider { background-color: rgba(255, 215, 0, 0.5); color: rgb(255, 196, 0); } input:checked + .slider:before { background-color: rgb(73, 43, 226); background-image: url("./img/moon.png"); background-repeat: no-repeat; background-size: 13px 13px; background-position-x: center; background-position-y: center; -webkit-transition: 1s; transition: 1s; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } nav li .active{ text-decoration: underline white 2px; text-underline-offset: 30%; } #downarrow:hover{ cursor: pointer; } .animateArrowC{ animation: animateArrow 1s ease-in-out infinite; } @keyframes animateArrow{ 0%{ transform: translate(0,0%); } 50%{ transform: translate(0, 10%); } 100%{ transform: translate(0, 0%); } } .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } .accordion-button{ transition: 0.4s; } .accordion-button:after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; } .accordion-button:hover{ background-color: white !important; color: black !important; transition: 0.4s; } .card::after{ transition: 1s !important; } .card:hover{ box-shadow: 0px 0px 10px 1px white !important; transition: 0.4s !important; } .cardborder:hover{ box-shadow: none !important; }