/*
 * Copyright (c) 2018 Oracle and/or its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.circle {
    margin: 0 auto;
    border-radius: 50%;
    border: 10px solid rgba(0, 0, 0, 0);
    border-top-color: #c3593a;
    opacity: 0.5;
}

.circle1-1, .circle1-2, .circle1-3, .circle1-4, .circle1-5, .circle1-6 {
    height: 70px;
    width: 70px;
    margin-top: 15px;
}

.circle2-1, .circle2-2, .circle2-3, .circle2-4, .circle2-5, .circle2-6 {
    height: 40px;
    width: 40px;
    margin-top: 5px;
}

.circle3-1, .circle3-2, .circle3-3, .circle3-4, .circle3-5, .circle3-6 {
    height: 10px;
    width: 10px;
    margin-top: 5px;
}

.circle1 {
    -webkit-animation: load1 4s infinite;
}

@-webkit-keyframes load1 {
    0% {
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
