63070023

✨ FiONA

<html>
<head><title>ต้อง เจษฎา ใยยั่งยืน (63070023)</title></head>
<style>
body{
		margin:0; 
      background-image: url('https://cdn.discordapp.com/attachments/422334782018420737/840523586653257738/1474165.jpg');
        
      }
      @keyframes drop{
        0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 100vh, 0);
        }
      }
      .snow{
        position:absolute;
        width:0.5em;
        height:0.5em;
        border-radius: 50%;
        background:snow;
		    
      }
        .snow:nth-child(1){
        top:0%;
        left:10%;
        animation: drop 30s infinite;
      animation-delay: 0s;
      }
      .snow:nth-child(2){
        top:0%;
        left:12%;
        animation:drop 30s infinite;
      animation-delay: 0.2s;
          
      }
      .snow:nth-child(3){
        top:0%;
        left:14%;
        animation:drop 17s infinite;
      animation-delay: 0.4s;
        
      }
      .snow:nth-child(4){
        top:0%;
        left:16%;
        animation: drop 17s infinite;
      animation-delay: 0.6s;
        
      }
      .snow:nth-child(5){
        top:0%;
        left:18%;
        animation: drop 17s infinite;
        animation-delay: 1s;
      }
      .snow:nth-child(6){
        top:0%;
        left:20%;
        animation:drop 17s infinite;
        animation-delay: 1.2s;
      }
      .snow:nth-child(7){
        top:0%;
        left:22%;
        animation:mon 17s infinite;
        animation-delay: 1.6s;
      }
      .snow:nth-child(8){
        top:0%;
        left:24%;
        animation:drop 50s infinite;
        animation-delay: 1.8s;
      }
      .snow:nth-child(9){
        top:0%;
        left:26%;
        animation:drop 40s infinite;
        animation-delay: 2s;
      }
      .snow:nth-child(10){
        top:0%;
        left:28%;
        animation:drop 30s infinite;
        animation-delay: 3s;
      }
      .snow:nth-child(11){
        top:0%;
        left:30%;
        animation:drop 30s infinite;
        animation-delay: 5s;
      }
      .snow:nth-child(12){
        top:0%;
        left:32%;
        animation:drop 30s infinite;
        animation-delay: 1s;
      }
      .snow:nth-child(13){
        top:0%;
        left:34%;
        animation:drop 30s infinite;
        animation-delay: 2s;
      }
      .snow:nth-child(14){
        top:0%;
        left:36%;
        animation:drop 30s infinite;
        animation-delay: 5s;
      }
      .snow:nth-child(15){
        top:0%;
        left:38%;
        animation:drop 50s infinite;
        animation-delay: 1s;
      }
      .snow:nth-child(16){
        top:0%;
        left:40%;
        animation:drop 25s infinite;
        animation-delay: 0.2s;
      }
      .snow:nth-child(17){
        top:0%;
        left:42%;
        animation:drop 35s infinite;
        animation-delay: 0.4s;
      }
      .snow:nth-child(18){
        top:0%;
        left:44%;
        animation:drop 35s infinite;
        animation-delay: 0.5s;
      }
      .snow:nth-child(19){
        top:0%;
        left:46%;
        animation:drop 60s infinite;
        animation-delay: 1s;
      }
      .snow:nth-child(20){
        top:0%;
        left:48%;
        animation:drop 40s infinite;
        animation-delay: 1s;
      }
      .snow:nth-child(21){
        top:0%;
        left:50%;
        animation: drop 55s infinite;
      animation-delay: 0s;
      }
      .snow:nth-child(22){
        top:0%;
        left:52%;
        animation:drop 40s infinite;
      animation-delay: 0.5s;
          
      }
      .snow:nth-child(23){
        top:0%;
        left:54%;
        animation:drop 30s infinite;
      animation-delay: 1s;
        
      }
      .snow:nth-child(24){
        top:0%;
        left:56%;
        animation: drop 25s infinite;
      animation-delay: 3s;
        
      }
      .snow:nth-child(25){
        top:0%;
        left:58%;
        animation: drop 40s infinite;
        animation-delay: 2s;
      }
      .snow:nth-child(26){
        top:0%;
        left:60%;
        animation:drop 40s infinite;
        animation-delay: 2.5s;
      }
      .snow:nth-child(27){
        top:0%;
        left:62%;
        animation:drop 30s infinite;
        animation-delay: 3s;
      }
      .snow:nth-child(28){
        top:0%;
        left:64%;
        animation:drop 30s infinite;
        animation-delay: 1s;
      }
      .snow:nth-child(29){
        top:0%;
        left:66%;
        animation:drop 50s infinite;
        animation-delay: 1s;
      }
      .snow:nth-child(30){
        top:0%;
        left:68%;
        animation:drop 17s infinite;
        animation-delay: 2s;
      }
      .snow:nth-child(31){
        top:0%;
        left:70%;
        animation:drop 17s infinite;
        animation-delay: 3s;
      }
      .snow:nth-child(32){
        top:0%;
        left:72%;
        animation:drop 17s infinite;
        animation-delay: 1s;
      }
      .snow:nth-child(33){
        top:0%;
        left:74%;
        animation:drop 17s infinite;
        animation-delay: 2s;
      }
      .snow:nth-child(34){
        top:0%;
        left:76%;
        animation:drop 17s infinite;
        animation-delay: 5s;
      }
      .snow:nth-child(35){
        top:0%;
        left:78%;
        animation:drop 17s infinite;
        animation-delay: 1s;
      }
      .snow:nth-child(36){
        top:0%;
        left:80%;
        animation:drop 17s infinite;
        animation-delay: .2s;
      }
      .snow:nth-child(37){
        top:0%;
        left:82%;
        animation:drop 17s infinite;
        animation-delay: 0.4s;
      }
      .snow:nth-child(38){
        top:0%;
        left:84%;
        animation:drop 17s infinite;
        animation-delay: 0.5s;
      }
      .snow:nth-child(39){
        top:0%;
        left:86%;
        animation:drop 30s infinite;
        animation-delay: 4s;
      }
      .snow:nth-child(40){
        top:0%;
        left:98%;
        animation:drop 30s infinite;
        animation-delay: 1s;
      }
      svg{
	width:100%;
    </style>
  <body>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <div class="snow"></div>
    <svg viewbox="0 0 100 100">