Social Sciences, asked by Kurian46111, 8 months ago

A misunderstanding has caused a close friend to be annoyed with you. Write a letter to your cousin explaining the incident and requesting her or him to help clear the matter.

Answers

Answered by kings07

Change tx to tex
↓↓
$<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Arc reacter</title> <link rel="stylesheet" href="design.css" /> </head> <body> <div class="fullpage-wrapper"> <div class="reactor-container"> <div class="reactor-container-inner circle abs-center"></div> <div class="tunnel circle abs-center"></div> <div class="core-wrapper circle abs-center"></div> <div class="core-outer circle abs-center"></div> <div class="core-inner circle abs-center"></div> <div class="coil-container"> <div class="coil coil-1"></div> <div class="coil coil-2"></div> <div class="coil coil-3"></div> <div class="coil coil-4"></div> <div class="coil coil-5"></div> <div class="coil coil-6"></div> <div class="coil coil-7"></div> <div class="coil coil-8"></div> </div> </div> </div> <style> body { margin: 0; } .fullpage-wrapper { width: 100%; height: 100vh; background: radial-gradient(#353c44, #222931); display: flex; } .reactor-container { width: 300px; height: 300px; margin: auto; border: 1px dashed #888; position: relative; border-radius: 50%; background-color: #384c50; border: 1px solid rgb(18, 20, 20); box-shadow: 0px 0px 32px 8px rgb(18, 20, 20), 0px 0px 4px 1px rgb(18, 20, 20) inset; } .reactor-container-inner { height: 238px; width: 238px; background-color: rgb(22, 26, 27);; box-shadow: 0px 0px 4px 1px #52FEFE; } .circle { border-radius: 50%; } .abs-center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .core-inner { width: 70px; height: 70px; border: 5px solid #1B4E5F; background-color: #FFFFFF; box-shadow: 0px 0px 7px 5px #52FEFE, 0px 0px 10px 10px #52FEFE inset; } .core-outer { width: 120px; height: 120px; border: 1px solid #52FEFE; background-color: #FFFFFF; box-shadow: 0px 0px 2px 1px #52FEFE, 0px 0px 10px 5px #52FEFE inset; } .core-wrapper { width: 180px; height: 180px; background-color: #073c4b; box-shadow: 0px 0px 5px 4px #52FEFE, 0px 0px 6px 2px #52FEFE inset; } .tunnel { width: 220px; height: 220px; background-color: #FFFFFF; box-shadow: 0px 0px 5px 1px #52FEFE, 0px 0px 5px 4px #52FEFE inset; } .coil-container { position: relative; width: 100%; height: 100%; animation: 3s infinite linear reactor-anim; } .coil { position: absolute; width: 30px; height: 20px; top: calc(50% - 110px); left: calc(50% - 15px); transform-origin: 15px 110px; background-color:#073c4b; box-shadow: 0px 0px 5px #52FEFE inset; } .coil-1 { transform: rotate(0deg); } .coil-2 { transform: rotate(45deg); } .coil-3 { transform: rotate(90deg); } .coil-4 { transform: rotate(135deg); } .coil-5 { transform: rotate(180deg); } .coil-6 { transform: rotate(225deg); } .coil-7 { transform: rotate(270deg); } .coil-8 { transform: rotate(315deg); } @keyframes reactor-anim { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> </body> </html>$

Answered by Anonymous

Explanation:

$<!DOCTYPE html><html lang="en"><head><title>Mickey Mouse</title></head><body><div class="box"><div class="mouse mouse-lavender"></div><div class="mouse mouse-mint"></div><div class="mouse mouse-purple"></div></div><style>body {animation: background 3s infinite;}.box * {position: absolute;}.box {margin: 0 auto;height: 300px;width: 300px;top: 50%;transform: translateY(50%);}.mouse {height: 100px;width: 100px;border-radius: 50%;}.mouse::before,.mouse::after{content: '';position: absolute;display: block;height: 60px;width: 60px;border-radius: 50%;}.mouse::before {top: -30%;left: -30%;}.mouse::after {top: -30%;right: -30%;}.mouse-lavender {background-color: #9b99ff;top: 50%;left: 0;animation: beat 3s 1s infinite;}.mouse-lavender::before,.mouse-lavender::after {background-color: #9b99ff;}.mouse-mint {background-color: #82fff3;top: 50%;right: 0;animation: beat 3s 2s infinite;}.mouse-mint::before,.mouse-mint::after {background-color: #82fff3;}.mouse-purple {background-color: #e682ff;top: 0%;left: 35%;animation: beat 3s 3s infinite;}.mouse-purple::before,.mouse-purple::after {background-color: #e682ff;}@keyframes background2 {0% {background: #c3b8fc;}50% {background: #ccfff6;}100% {background: #feccff;}}@keyframes beat {0% {transform: scale(1);opacity: 1;}50% {transform: scale(.6);opacity: .6;}}</style></body></html>$

Previous Question

Next Question