body {
	margin:0;
    font-family: 'Montserrat';
}
/*
#spot {
	position:absolute;
	width:162px;
	height:162px;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	border-radius:50%;
	
    background-image: radial-gradient(#fff, 50%, #04a1ff, #fff);
}
*/
#spot {
    position: absolute;
    width:162px;
	height:162px;
	top: calc(50% - 81px);
	left: calc(50% - 81px);
    border-radius: 50%;
    background: linear-gradient(#e5ff04, #04a5fe, #69ce8d);
    animation: animate 1.2s linear infinite;
}

@keyframes animate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#spot div {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(#e5ff04, #04a5fe, #69ce8d);
    z-index: 0;
}

#spot div:nth-child(1) {
    filter: blur(5px);
}

#spot div:nth-child(2) {
    filter: blur(10px);
}

#spot div:nth-child(3) {
    filter: blur(25px);
}

#spot div:nth-child(4) {
    filter: blur(50px);
}

#spot::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background-image: radial-gradient(#000, 66%, #04a5fe, #fff);
    border-radius: 50%;
    z-index:2;
}
#spot::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-image: radial-gradient(#04a5fe, 50%, #fff, #fff);
    border-radius: 50%;
    z-index:1;
}

#line-0 {
    position: absolute;
    width:90%;
    height:2px;
    top:calc(50% - 1px);
    left:5%;
    background:#fff;
    border-radius: 2px;
    z-index:-1;
}
#line-0::before {
    content:'';
    position: absolute;
    top:-5px;
    left:-5px;
    right:-5px;
    bottom:-5px;
    background:#04a5fe;
    filter: blur(8px);
}
#line-0 .light {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    border-radius: 2px;
    filter: blur(1px);
}

#logo-img {
    width:100%;
}
.content {
	height:100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.content .logo {
    text-align: center;
    margin: 10% 0 0;
}
.content .text {
    width:25%;
	text-align: center;
}
.content .text p {
    margin:0;
    font-weight: 300;
    font-size:24px;
}
.footer {
    
    opacity:0.5;
}
.footer p {
    text-align: center;
    font-weight: 200;
    font-size: 34px;
}
.footer p.copyrights {
    font-size: 12px;
}